Switch Main Menu to Mobile Earlier

  • Author
    Posts
  • #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

    #70209
    bmelloh
    Power User

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

    Website: goldstarcoaching.com

    #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.
    #70479
    bmelloh
    Power User

    Thank you so much!

Viewing 4 posts - 1 through 4 (of 4 total)

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