How to align my button in top nav menu

Support
#1

Hi
I added this button to my menu nav and I want to align vertically center of my menu text items as well make the font and button smaller to match. I added some code and doesn’t seem to effect.
thanks
designbabe

#2

Hey @designbabe,

Please add this code in Appearance > Theme Options > CSS.

#menu-item-7923 a {padding-top: 18px;}

In case you’ll update your navigation and the code won’t work, you will need to get your button’s menu ID and replace the number in the selector.

Hope that helps.

#3

thanks that was what i was missing
:slight_smile:

#4

You’re welcome.

#5

Hi so i got the desktop look great and messed with alignment but it is screwing up my mobile menu it makes the button sit lower (see screenshot) can I center vertically in the mobile menu box? or have mobile show just text?

#6

Hi There,

To fix the padding on the mobile, please also add this custom CSS:

div#x-nav-wrap-mobile li.menu-item-7923 a {
    padding-top: 10px !important;
}

Let us know how it goes!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.