Hide mobile menu block

  • Resolved alexcz

    (@alexcz)


    6 years, 8 months 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)

    6 years, 8 months ago

    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)

    6 years, 8 months ago

    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)

    6 years, 8 months ago

    Ok, no worries, I sorted it thanks.

    Thread Starter alexcz

    (@alexcz)

    6 years, 8 months ago

    /** 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.