Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #829034

    Hi,

    After the recent update to Enfold, I noticed that the burger menu icon appeared on my site when viewed at desktop resolutions – I would like to remove this when viewing at larger (i.e. above 990px).

    I have a side menu setup but cannot seem to stop the appearance of the burger icon under the current text menu items. (I am happy for it to appear when in mobile and tablet view.)

    FYI I have successfully applied several styling customisations to the site using CSS from these forums but until the recent update everything was how I would like it. I appreciate there may be issues caused by these customisations but I am very much a novice when it comes to CSS, so any help is appreciated!

    Finally, I apologise if this has been covered elsewhere – I have searched the forum and tried many suggested solutions but cannot seem to resolve the problem.

    Many thanks,

    Joe

    #829054

    Hey lordshine,

    Please see the following and make sure the mobile activation option is not checked:

    Best regards,
    Jordan Shannon

    #829066

    Hi Jordan,

    I have the same problem and would like to remove the burger menu for desk top.

    I checked the Enfold Child -> Header, there is no Mobile Menu tab

    Please advise!

    Thanks
    Anna

    #829068

    Hi Jordan,

    Many thanks for your reply! Unfortunately the option you describe is not available if you have a menu placed in the sidebar – I was hoping it would be something so simple but it seems there is something else causing the issue!

    Many thanks,

    Joe

    #829081

    Hi Anna,

    I’ve just been trying some different things out, and this seems to work for me – see if it helps you too! This makes the burger icon disappear when the screen is 768px wide or larger. I’m not promising anything as I am a total novice, but I hope this helps.

    Add this to your Quick CSS:

    @media only screen and (min-width: 768px) {
    .av-hamburger {
     display:none!important;

    Best,

    Joe

    • This reply was modified 7 years, 5 months ago by lordshine.
    #829084

    Hi Jordan,

    I think I have solved the issue by using a media query – please could you take a quick look and just confirm that this is correct?

    Obviously, this is a workaround but I wonder if there needs to be a way to make sure the burger icon does not appear if it is not wanted on a sidebar menu setup.

    Once again, thanks for your input and support!

    Joe

    #829095

    Thank you Joe for the work around!

    I removed the burger menu by doing this –

    Enfold Theme -> Main Menu tab which is above Header, from there you can configure the Burger/Mobile Menu items. I didn’t change anything, just clicked on Save all changes button, the Burger menu is gone. :)

    Thanks
    Anna

    #829103

    Hi Anna,

    You’re welcome! Looks like you found a much more elegant solution – I unidid my CSS and tried it your way but it didn’t work for me (weird!), so reinstated the CSS and all is good. I need to know much more about CSS than I do to understand why this is the case, but most importantly it appears resolved!

    Glad to hear you got it sorted :-)

    Joe

    #829106

    Hey!

    Glad it is working for you! :) Let us know if you have any other questions or issues

    Best regards,
    Yigit

    #836432

    I have found out that you need to purge cache (all cache plugins) to make burger disappear.

    Anyway, all CSS modifications to mobile menu will not work after this update. Good news is that new menus for mobile already have 80% of my modifications. 20% I need to make from scratch.

    #836475

    Hi,

    If anything else is needed please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Burger Menu icon – do not display on desktop view’ is closed to new replies.