Full width main menu

  • Resolved nissa1982

    (@nissa1982)


    6 years, 11 months ago

    I would like the menu to be responsive and to stretch the full width of the screen (not just the width of the centered content area), because the menu contains too many items (depending on the size of the PC) and covers two lines instead of just one line. Does anyone know how to change that in css?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @nissa1982,

    You can change the max width of the navigation by going to Appearance > Customize > Additional CSS (the menu labels might be different in your language) and adding enter the following code:

    .navigation .section-inner { width: 100%; }

    Let me know how it goes.

    — Anders

    Thread Starter nissa1982

    (@nissa1982)

    Hi Anders,

    Nope, unfortunately this isn′t working…..

    Thread Starter nissa1982

    (@nissa1982)

    Hi Anders,

    I tried to add it to CSS directly in editor. Now it works, thanks so much ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Full width main menu’ is closed to new replies.