Mobile menu

  • Resolved toshocorp

    (@toshocorp)


    9 years, 1 month ago

    Hey,

    It’s me again with this site – https://shredded-pumped.com/

    My question now is how I can disable the mobile menu from collapsing? I want to display the menu like on the desktop version. If that’s not possible how can I style it – I want to be between the two pictures like when you open it on chrome and make the browser width smaller – it fits perfect, but on mobile device it is in the right corner almost impossible to see it. ??

    Thanks,

Viewing 2 replies - 1 through 2 (of 2 total)
  • hannah

    (@hannahritner)

    Hey,
    So first off I’m seeing this in your css:

    .container {
    width: 900px !important;
}

    That is breaking the mobile layout. You need to give it a media query. Like this:

    @media (min-width: 992px) {
.container {
    width: 900px !important;
}
}

    Then to make your desktop menu appear on mobile try using this css:

    #nav-main ul.sf-menu {
    display: inline-block !important;
}

    Just paste it in your custom css box in Theme Options > Advanced Settings.
    Hope it helps!

    Hannah

    Thread Starter toshocorp

    (@toshocorp)

    Hey Hannah,

    Thank you so much! You are awesome! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Mobile menu’ is closed to new replies.