Docs

[turnkeyflyers]

I placed several pages as subpages in my header menu. When viewing it as a user, the submenu drop down is way off center and the text is small. Please help. See http://www.TurnkeyFlyers.com

[Rahul]

Hi there,
Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:
– Link to your site
– WordPress Admin username / password
Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.
Thanks.

[turnkeyflyers]

This reply has been marked as private.

[turnkeyflyers]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the information. To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.masthead-inline .x-navbar .desktop .sub-menu {
    left: 0;
    right: auto;
    box-shadow: 0 0 2px rgba(150,150,150,0.15);
}

Hope this helps. Please let us know how it goes.

[turnkeyflyers]

Thank you, that aligned it but it is still showing up with a large space between the menu item. Also, it’s hard to read since it’s very small. How can I make the font bigger?

[Joao]

Hi There,

To increase the sub menu font size please add the following code to Appereance Customizer Custom CSS

.x-navbar .desktop .x-nav>li>a, .x-navbar .desktop .sub-menu li>a, .x-navbar .mobile .x-nav li a {
     font-size: 1.4em;
}

Hope it helps

Joao

[turnkeyflyers]

Thank you, that helped with the sizing but the large gap is still there.

[Rue Nel]

Hello There,

Could you please point us which of the space you would like to get rid off?

Thank you.

[turnkeyflyers]

Both the top space and the padding around the sub menu. Also, the borders are very faint, can we make them darker?

Otherwise, it is very hard to see the submenu. Thank you,

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.x-navbar .desktop .x-nav>li ul {
    top: 66px !important;
}
.desktop .sub-menu li>a {
    padding: .2em 0;
    line-height: 1.2;
}
.x-navbar .desktop .sub-menu li:before, .x-navbar .desktop .sub-menu li:after {
    background-color: red;
    opacity: 1;
}

Hope that helps.

[turnkeyflyers]

That will work. Thanks,

[Joao]

Hi There,

Glad to hear it,

Joao

[Author]

Posts