deactivate menus

  • Resolved marikephoto

    (@marikephoto)


    8 years ago

    Hi there,

    I’m using the free Optimizer theme. I would like to disable the menu since I will only be using posts, and no pages. The posts will be accessed through the posts widget.

    Even though I have no pages published, the burger menu still shows in the mobile versions. How can I deactivate it?

    Thanks!

Viewing 11 replies - 1 through 11 (of 11 total)
  • Thread Starter marikephoto

    (@marikephoto)

    https://marike.co.za

    Theme Author OptimizerWP

    (@layerthemes)

    Try adding this to your Custom CSS:

    @media screen and (max-width: 960px){
body.home.has_trans_header .header #simple-menu { display:none!important;}
}

    Thanks

    Thread Starter marikephoto

    (@marikephoto)

    Thank you so much, it worked perfectly.
    Your support is absolutely amazing.

    Thread Starter marikephoto

    (@marikephoto)

    Oh wait, there is something weird. On the mobile versions the header isn’t transparent anymore.

    Thread Starter marikephoto

    (@marikephoto)

    On the posts page, the menu is still showing and the header isn’t transparent.

    Thread Starter marikephoto

    (@marikephoto)

    The buttons on the slider are also not functioning.

    Theme Author OptimizerWP

    (@layerthemes)

    Hi,

    It never was transparent. Try adding this to your Custom CSS to force it to become transparent:

    @media screen and (max-width: 480px){
    body .header_wrap .header, body.home.has_trans_header .header {position: absolute!important;}
    .home.has_trans_header .header {background: transparent!important;}
    }

    Thanks

    Thread Starter marikephoto

    (@marikephoto)

    Hi there,

    it seems the menu just looks a bit different on mobile which is ok, will leave it as is.

    Thread Starter marikephoto

    (@marikephoto)

    The burger menu is still showing on mobile pages. For example if you view one of the posts in mobile the menu will still be there. Please advise.

    Theme Author OptimizerWP

    (@layerthemes)

    In that case replace this css you added earlier:

    @media screen and (max-width: 960px){
body.home.has_trans_header .header #simple-menu { display:none!important;}
}

    with this:

    @media screen and (max-width: 960px){
body.has_trans_header .header #simple-menu { display:none!important;}
}
    Thread Starter marikephoto

    (@marikephoto)

    It worked. Thank you so much. Really excited about the result!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘deactivate menus’ is closed to new replies.