Search in:
Suggested Search: installation, configuration
Search in:
Suggested Search: installation, configuration

original responsive menu icons still showing

Home › Forums › Pro Support › original responsive menu icons still showing

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 8, 2019 at 8:30 pm #67093
    Anonymous

    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!

    May 8, 2019 at 9:13 pm #67098
    Peter FeatherstonePeter Featherstone
    Participant

    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

    May 9, 2019 at 5:16 am #67097
    Anonymous

    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

    May 9, 2019 at 9:57 am #67096
    Peter FeatherstonePeter Featherstone
    Participant

    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

    May 9, 2019 at 7:39 pm #67095
    Anonymous

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

    May 9, 2019 at 8:01 pm #67094
    Peter FeatherstonePeter Featherstone
    Participant

    Hey Carolin,

    No problem 🙂

    Peter

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘original responsive menu icons still showing’ is closed to new replies.