Menu above built with this plugin including Mega Menu.

original responsive menu icons still showing

This topic contains 5 replies, has 2 voices, and was last updated by  Peter Featherstone 2 months, 1 week ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #58476 Reply

    Carolin

    Hi there,

    I’m using a theme that has 2 header menus so that the logo is in the middle as you can see when you go to the website http://fuelcatering.ca/newsite

    I have put the following onto the Initial Setup screen:
    Breakpoint: 1000px
    Menu to Use: Footer Menu
    Original Menu to Hide: #menu-header-left-menu, #menu-header-right-menu, .menu-header-left-menu, .menu-header-right-menu

    I first tried to only put #menu-header-left-menu, #menu-header-right-menu in ‘Original Menu to Hide’ but when I look on a phone the original blue menu hamburger icons on the left and right are still there and the black plugin hamburger icon overlays on the right side. If I only put in .menu-header-left-menu, .menu-header-right-menu it doesn’t work either. So for now I have left both in as you can see.

    My question is how do I get the 2 blue hamburger icons to disappear?

    Thanks for your help!

    #58477 Reply

    Hey Carolin,

    Where did you get those ids and classes from as I don’t seem them in your source code anywhere?

    In either case, you should just need to add the below to the Original Menu to Hide option:

    .menu-button, #sidr-right-top-button

    Please let me know if that helps

    Peter

    #58502 Reply

    Carolin

    Hi Peter,

    I’m not a web developer but graphic designer so I just looked through the code and copied what I thought was the ids / classes I needed. Clearly I have no clue…. :)
    In any case your code works perfectly, thanks! The only thing I would like to keep in the header though is the company logo but that has now disappeared as well when you look at it on a phone.
    Any suggestions on how to bring the logo back?

    Thanks a lot for your help!
    Carolin

    #58511 Reply

    Hey Carolin,

    That is the case even without my plugin installed as it is coming from your own CSS:

    http://fuelcatering.ca/newsite/wp-content/themes/kids-education-pro/style.css?ver=5.1.1

    @media screen and (max-width: 992px) {
        #masthead {
            display: none;
        }
    }

    All the best

    Peter

    #58536 Reply

    Carolin

    Thanks Peter. I ahve actually decided to leave it as is now. :)
    Carolin

    #58540 Reply

    Hey Carolin,

    No problem :-)

    Peter

Viewing 6 posts - 1 through 6 (of 6 total)
Reply To: original responsive menu icons still showing
Your information:





<a href="" title="" rel="" target=""> <blockquote cite=""> <code> <pre> <em> <strong> <del datetime=""> <ul> <ol start=""> <li> <img src="" border="" alt="" height="" width="">

Responsive Menu Title Image
Responsive Menu
No coding knowledge needed