Return to previous page

Main Menu Text Alignment in Header - by PremiumPetware

This topic has 12 replies, 2 voices, and was last updated 7 years, 10 months ago ago by Rose Tyler

PremiumPetware

Participant

January 15, 2017 at 08:53

Hi I haven’t been able to find any prior discussion on this.

I have recently added sub-menu items to my header menu, however, now the menu items with sub-menus have an altered vertical alignment, with the base of the text starting almost half the way up the other menu items. I would like all of the menu text to have a consistent vertical alignment, I cannot find any relevant setting in the theme options. Can you please advise how this can be done?

#151889 Copied Theme version: 2.9.2 WooCommerce version: 2.6.12

11 Answers
Rose Tyler

Support staff

January 16, 2017 at 11:27
Hello,

Try to add this code in Custom CSS:
```
.menu .nav-sublist-dropdown {
    transform: translateX(-50%);
    left: 50%;
}
```
Regards,
Rose Tyler.
#151952 Copied
PremiumPetware

Participant

January 17, 2017 at 07:44

Hi Rose,

I have inserted this code into the custom css section and enabled the custom css, but there has been no change.

Regards,

Blair

#152062 Copied

Rose Tyler

Support staff

January 17, 2017 at 08:03

Hello,

As I see, the previous code works fine http://prntscr.com/dwn2tx , clear browser cache and check it after that. If this is not what you want to change then provide me screenshot for better understanding.

Regards,
Rose Tyler.

#152065 Copied

PremiumPetware

Participant

January 17, 2017 at 08:10

Hi Rose, thank you for the screen shot. I am not referring to the pop up sub-menus but the main menu items, “Home” “Shop” “My Account” etc. You will see that “Home” and “Newsletter” are aligned differently to the centre three items which have the submenu dropdown arrow at the bottom right of each. I would like all of the text menu items to line up.

#152066 Copied
Rose Tyler

Support staff

January 17, 2017 at 08:39
Hello,

Please, use this code:
```
.menu > li > a {
    line-height: 1.5;
}
```
Regards,
Rose Tyler.
#152071 Copied
PremiumPetware

Participant

January 17, 2017 at 08:57

Hi Rose, unfortunately that has made no changes. I cleared cache and reloaded etc.

The issue seems to be related to specifying a text size for the Menu text. The default is too small for my layout, but it seems to line up properly.

#152072 Copied

Rose Tyler

Support staff

January 17, 2017 at 09:23

Hello,

Could you please provide wp-admin access in Private Content so we could check it?

Regards,
Rose Tyler.

#152074 Copied

PremiumPetware

Participant

January 17, 2017 at 09:53

Hi Rose, please see your login details below.

Please, contact administrator
for this information.

#152075 Copied

Rose Tyler

Support staff

January 17, 2017 at 10:54

Hello,

I’ve re-added previous code in Custom css. Clear browser cache and check menu.

Regards,
Rose Tyler.

#152091 Copied

PremiumPetware

Participant

January 17, 2017 at 12:06

Hi Rose, thank you very much. Looks much better.

Regards,

Blair

#152104 Copied

Rose Tyler

Support staff

January 17, 2017 at 13:16

Hello,

You’re welcome!

Regards,
Rose Tyler.

#152108 Copied
Viewing 12 results - 1 through 12 (of 12 total)