Navigation & Drop Down Styling

Whats the best way to edit the main navigation and drop down text style? I can’t find any options to like other elements in the theme builder. My goal was to change the font style of the primary menu and increase the text size of the drop down options. Does this need to be done with custom CSS?

Thanks!

Hello There,

Thanks for writing in!

Since you are using Pro theme, please create a custom header and replicate the default header. You can make use of the navigation inline element. In the navigation element settings, you can set a different font family and set a larger font size for the sub menu items. For more details about the custom header header builder, please check this out: https://theme.co/apex/forum/t/pro-header-and-footer-builder-introduction/103

Hope this helps.

1 Like

Thank you for the info, I’m happy with my current header and don’t have any header templates similar to the layout I’m using. I found the area to be able to update the navigation font but could I add CSS to slightly increase the drop down menu font size? I couldn’t find any options related to that.

Thank You

Hello There,

To increase the font size of the sub menu, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-navbar .desktop .sub-menu a,
.x-navbar .mobile .sub-menu a {
    font-size: 18px;
}

We would loved to know if this has work for you. Thank you.

2 Likes

That works perfectly, you are awesome! Thank You!!

You are most welcome. :slight_smile:

1 Like

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