Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 24, 2017 at 4:01 pm #829034
    lordshine

    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

    July 24, 2017 at 4:40 pm #829054
    Jordan Shannon

    Hey lordshine,

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

    Switching to mobile menu on higher resolutions

    Best regards,
    Jordan Shannon

    July 24, 2017 at 4:55 pm #829066
    ar13860

    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

    July 24, 2017 at 4:58 pm #829068
    lordshine

    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

    July 24, 2017 at 5:19 pm #829081
    lordshine

    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, 4 months ago by lordshine.
    July 24, 2017 at 5:22 pm #829084
    lordshine

    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

    July 24, 2017 at 5:37 pm #829095
    ar13860

    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

    July 24, 2017 at 5:44 pm #829103
    lordshine

    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

    July 24, 2017 at 5:46 pm #829106
    Yigit

    Hey!

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

    Best regards,
    Yigit

    August 9, 2017 at 2:46 pm #836432
    Egorro

    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.

    August 9, 2017 at 4:32 pm #836475
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

  • Author
    Posts
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.