Fullscreen type size shared with main nav

  • Resolved nickmade

    (@nickmade)


    6 years, 10 months ago

    Hello,

    I noticed on a client site where one page has a fullscreen nav and the other pages have the centered navigation, the font size is shared between the desktop view of the fullscreen nav and the main navigation.

    To alleviate this, I had to target the theme’s selector’s on the fullscreen nav to increase the font size:

    #site-header.full_screen-header .fs-dropdown-menu >li >a {font-size: 3rem;}

    and the main navigation text size is handled under Customizer/Typography -> Main Menu.

    I’d like to know if there’s an option somewhere I may have missed in OceanWP’s settings.

    If not, it might be a good option to add under the Typography section for those that aren’t familiar with CSS.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Amit Singh

    (@apprimit)

    6 years, 10 months ago

    Hello,

    To target a page specific menu settings, edit a page/post > oceanwp settings metabox > menu tab and edit the settings.

    To set it globally, you need to add custom css for it. Can you share your site link so that I can give the correct code?

    Thread Starter nickmade

    (@nickmade)

    6 years, 10 months ago

    Hi Amit,

    Thanks for the page specific menu settings reminder. That may help in the future. It is strange the main navigation and the mobile representation of the fullscreen option share the same type size values site-wide but the code I posted earlier alleviates it for now.

    For now, I’ll mark this as resolved but a suggested feature 😉

    Thanks!

    Amit Singh

    (@apprimit)

    6 years, 10 months ago

    You’re welcome!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Fullscreen type size shared with main nav’ is closed to new replies.