Hide mobile menu block

  • Resolved alexcz

    (@alexcz)


    5 years, 1 month ago

    How can I hide the default mobile menu block? I am using Mega Menu which has it’s own mobile menu block which works fine, but the default block still show on top right of screen. It doesn’t function and just clutters the small mobile screen area.

    Many thanks, Alex Smyrk

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author ThemeZee

    (@themezee)

    Hi Alex,

    Thanks so much for using Poseidon.

    You can hide the mobile menu toggle with this short CSS snippet:

    .main-navigation-toggle {
    display: none !important;
}

    You can copy the code and insert it on Appearance > Customize > Additional CSS.

    Cheers,
    Thomas

    Thread Starter alexcz

    (@alexcz)

    Thanks, but the megamenu block is still under the main site logo, so it looks odd and wastes a lot space. Is there a way I can actually position it where the original menu block was top right?

    Thread Starter alexcz

    (@alexcz)

    Ok, no worries, I sorted it thanks.

    Thread Starter alexcz

    (@alexcz)

    /** Push menu onto new line **/
    #{$wrap} {
    margin-top: 10px;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Hide mobile menu block’ is closed to new replies.