Menu Disappears on Mobile and Tablet

  • Resolved mikkkki

    (@mikkkki)


    2 years, 4 months ago

    Hey there,

    I like the theme a lot, but I want to change how the header menu – my main navigation menu – is displayed on the mobile and tablet version. I don’t need the burger menu, since I only have a few elements in my header anyway, and it makes the site ugly imho.

    Is there a way to just have the header menu stay the way it is on desktop for mobile and tablet? Also I’d like a way to make the burger menu disappear. Currently i have it be the same color as the background, but thats an inelegant solution.

    I tried with custom CSS, but I don’t seem to be able to target the right classes or IDs. Even with the “@media screen” it doesnt work.

    Regards
    Maik

    • This topic was modified 2 years, 4 months ago by mikkkki.
    • This topic was modified 2 years, 4 months ago by mikkkki.
Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi, @mikkkki

    This is possible only with some custom theme modifications.

    @mikkkki Hi,

    Try adding this CSS code in the Customizer > Additional CSS:

    @media screen and (max-width: 64em) {

    .navbar-collapse {
        display: block;
    }

    .navbar-nav li {
        margin: 0 0.9375em;
        border: none;
        padding: 0;
    }

    .navbar-nav li a {
        text-transform: none !important;
        margin: 0;
        padding: 0;
    }

    .navbar-toggle {
        display: none !important;
    }
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Menu Disappears on Mobile and Tablet’ is closed to new replies.