Tagged: Burger Menu, enfold 4.2
-
AuthorPosts
-
November 24, 2017 at 1:10 pm #881161
How to switch off the Burger menu on desktop? I wish to have it only on mobile. My settings in Enfold theme settings for Main Menu has it set to Mobile at 768 resolution or less, and yet it was appearing on our desktop site, pushing the menu against the logo.
I could disable it in css by setting display: none, but of course we have no mobile menu at all now.
How to have it display absolutely only on mobile and tablets?
Thanks for the prompt assistance.
~ Michael
November 25, 2017 at 7:27 am #881505Hey Michael,
Go to Enfold > Main Menu > General (tab) > Menu Items for Desktop (set this to Display as Text). Hope this helps :)
Best regards,
NikkoNovember 25, 2017 at 2:40 pm #881613Thanks for the help.
Tried that and had checked that first. Just did it again on another site using Enfold. And the burger is there whether want it or not, even with this setting already being set and checked again. Now reverting back to Enfold 4.0.7 on the other site so to be free of the dreaded desktop burger.
May just stay with 4.0.7 perennially – and hope it stays compatible with all future versions of WP.
Any other suggestions in case that is not the case? Likely will have to update Enfold at some point down the line.
Thank you.
November 25, 2017 at 4:33 pm #881653Hi,
At some point Enfold 4.0.7 would become outdated and not be compatible with future releases of WordPress, so I would suggest creating a stage or development version of your current site, where the latest version of Enfold is used and you have a child theme that has modifications that is compatible with the latest version of Enfold. This way you can test the latest version of Enfold without the risk of messing up your live site and if the stage site is already good then you can implement the changes on the live site.
Best regards,
NikkoNovember 26, 2017 at 7:15 am #881836Thanks Nikko for the replies.
I of course already have local staging sites for all my websites. The issues have been:
1) for another recent posted thread with Woo 3.x and Enfold updates – it displays perfect on local, but get an endless loading Enfold spinning blue loading spiral on live site, ie in this case (and so potentially others) staging testing is not accurate in representing the live server
2) for this issue, the dreaded hamburger still displays on local, even with set to text, show mobile menu only at low resolution, etc.So still need to resolve this issue for me to move forward with updating from 4.0.7 on local and live, now or in future.
Is there not a way in css or other code to absolutely ensure burger does not display on desktop, but indeed on mobile?
Appreciate any assistance.November 26, 2017 at 4:43 pm #881911Hi daka37,
I would suggest your stage server is just subdomain of your live site and on the same host, so they have same settings.
As for the burger menu, try using this code:
.responsive #top .main_menu .av-burger-menu-main { display: none; } @media only screen and (max-width:767px) { .responsive #top .main_menu .av-burger-menu-main { display: block; } }
Try using !important too if that doesn’t help.
Best regards,
NikkoNovember 27, 2017 at 5:46 am #882101Thanks Nikko!
November 27, 2017 at 6:22 am #882103Hi,
You’re welcome. Let us know if you need further assistance or if we can close this thread :)
Best regards,
NikkoDecember 11, 2017 at 11:47 am #887296Sorry for the delay Nikko, I’ve been traveling and in some retreats.
Just tried again with the code and the same. See:
The dreaded burger is still there.
This is the code I put in General Styling > Quick CSS
.responsive #top .main_menu .av-burger-menu-main {
display: none !important;
}@media only screen and (max-width:767px) {
.responsive #top .main_menu .av-burger-menu-main {
display: block !important;
}What else can we do??? Shouldn’t be so hard, yes?
Thanks as always for the help.
~ M.December 11, 2017 at 11:59 am #887308Hi,
No worries, can you post us your login credentials (in the “private data” field), so we can take a look at your backend.
- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
( do be sure that we have enough time to debug ). - Click ” Submit “.
- You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.
When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.Best regards,
NikkoDecember 11, 2017 at 12:06 pm #887315Done. Let me know what you find out.
December 12, 2017 at 5:31 am #887709Hi,
Thanks for providing the admin access and I found out that the issue is caching, anything added to Quick CSS doesn’t reflect even flushing out caches doesn’t seem to work. Can you give us ftp access? so we can try to check further and permission to deactivate plugins that contribute to caching.
Best regards,
NikkoDecember 12, 2017 at 7:54 am #887776Hi Nikko,
Thanks for the help. It was CloudFlare. Usually I purge the Enfold.css file there everytime I update Quick CSS but yesterday amidst myriad tasks forgot that.
However, after purging everything at CloudFlare, I got a strange result: The burger is gone! But now the width for our site content is majorly condensed, with our menu overlapping our logo in a major way. How to reset to previous width asap? Can you do that on the backend?
It also lost our styles for our Submenu and H5 and H6 tags, which never has happened before on a purge at cloudflare, as those setting did not change. Going in to reset them again now.
Any idea why this happened?
Thanks again for the prompt help.
~ MichaelDecember 12, 2017 at 8:01 am #887778It’s all back now, after placing some extra ‘!important’s in Quick CSS. Strange.
It seems it was the second bit of code that placed that condensed. I removed this:
@media only screen and (max-width:767px) {
.responsive #top .main_menu .av-burger-menu-main {
display: block !important;
}Will that affect how displays on mobile?
If it’s clear on mobile, I think we’re done here.
December 12, 2017 at 8:08 am #887782Not quite yet…
No menu at all on mobile site. Just a cart and search icon.
How to have the not-so-dreaded burger menu show here?
I believed the previous css was just to remove the burger from desktop. Can you go in and take a look?
Thanks. Menu on mobile site kinda important ;)
December 12, 2017 at 8:36 am #887786I think I will revert to the burger on the main menu – ie remove the code that worked with desktop – so that actually have a menu on mobile until a proper fix is received or applied. Really appreciate the help Nikko. Presently, this is the same result that I had when I just placed burger: display: none previously and then reverted to Enfold 4.0.7.
Also since updating to Enfold 4.2, I am missing an Add To Cart Button on new variable products in WC. It seems there is a fix with a woocommerce-jquery-cookie-fix plugin from Woo, but don’t know if this will conflict with Enfold at all. Will try soon. Have you encountered this issue before?
Thanks!
M.December 12, 2017 at 12:32 pm #887880Hi daka37,
The button is not there because you need to select the option.
Best regards,
VictoriaDecember 12, 2017 at 12:36 pm #887883How Select?
In main menu, I have as text for Desktop, and for mobile – Activate for Smartphones and Tablets under 990 pixels.
Is that not selected? Please advise.
December 12, 2017 at 1:56 pm #887934Back to 4.0.7. Need the menu live on the site everywhere.
With 4.0.7 – Menus fine; Add to Cart fine
Only cannot use Advanced Content Editor – does not load, just spins endlessly.It seems like I will just have to switch between the two (4.0.7 and 4.2) depending if I need to add products or pages. Not the best solution, but the only thing that works presently, until some assistance to make the latest Enfold work, ie menus and Add to Cart, for all functions.
Let me know if you find anything, Nikko. Thanks!
December 13, 2017 at 10:48 pm #888591Hi,
That is not a solution at all – changing between the themes – as the problem is that you cant work easily with all that.
We will look a little bit into the issue but I do guess we have to locate what customisations have brought up that issue.Best regards,
BasilisDecember 14, 2017 at 2:07 pm #888874Hi Basilis,
Thank you for your response. Yes of course it is not a solution; totally a band-aid. But as we have live online art galleries, and this particular week is prime for last minute holiday orders, an actual mobile menu and the ability to add an add to cart button to new artwork (products) for an artist we are launching now was an absolute. Even a day without could be a great loss, and with limited time at the moment.
After the holiday season, there will be time to return to having a crystal clear update to Enfold 4.2 (and future). There are conflicts with either version of Enfold now, especially since the latest WP updates. As long as we have what we need absolutely live for the time being, have to make do for now.
I will add more time to a previous temporary log-in created to see if you can locate anything for the time being that could be creating the conflicts. Details in private.
All best,
Michael -
AuthorPosts
- You must be logged in to reply to this topic.