Switch Main Menu to Mobile Earlier

Forums » WordPress » Nirvana » How To

  • Author
    Posts
  • October 27th, 2018 at 13:55 #69809
    bmelloh
    Power User

    I have a website that has a horizontal main menu. When I look at the site on iPhone or iPad, the menu continues on a second line. I want the menu to stay one line line or have it switched earlier to the mobile menu. I don’t like having a menu with a second line. Can anyone help me with this? Thanks, Barb

    Website: goldstarcoaching.com

    November 6th, 2018 at 15:28 #70209
    bmelloh
    Power User

    Can someone help me with having my mobile menu activated earlier than it is now? Thanks!

    Website: goldstarcoaching.com

    November 10th, 2018 at 23:29 #70334
    Zed
    Cryout Creations mastermind

    It is simpler to tweak the menu items padding when they no longer fit:

    @media (max-width: 720px) {
body #access > .menu > ul > li > a:not(:only-child) > span {
    padding-left: 10px;
    padding-right: 20px;
}
body #access > .menu > ul > li > a > span {
    padding-left: 10px;
    padding-right: 10px;
}
}
    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    November 15th, 2018 at 19:46 #70479
    bmelloh
    Power User

    Thank you so much!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Switch Main Menu to Mobile Earlier’ is closed to new replies.