Make the menu display inline on mobile

  • Resolved sundev

    (@sundev)


    8 years, 4 months ago

    Thanks for this beautiful theme.
    Please how can I make the menus display inline on mobile. An help with the CSS to use is appreciated.

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Thanks for choosing Period. I’m glad you like it!

    The following CSS should work well for this:

    .toggle-navigation {
  display: none;
}
.menu-primary-container {
  max-height: none;
}
.menu-primary-items li {
  display: inline-block;
}

    Please copy and paste the above code into the Custom CSS section in the Customizer (Appearance > Customize), and it should take effect right away.

    Thread Starter sundev

    (@sundev)

    Thank you so very much for this assistance.

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Make the menu display inline on mobile’ is closed to new replies.