Tagged: Hamburger-Menu, mobile menu
-
AuthorPosts
-
June 30, 2018 at 3:42 am #979507
Hi,
The latest version of Enfold give you the option to display the hamburger menu at anything below 990px. However, what I find is that most navigations are too long at 990px and they run into the logo. Also the ipad pro in portrait mode has a screen width of 1024 and most menus overflow. So how can we adjust so that the menu starts at 1024px instead of 990px?
Also, can’t this be more automated where if you have more than six menu items you can switch the mobile settings, and you can take into consideration ipads and ipad pros in portrait mode and adjust accordingly?
- This topic was modified 6 years, 4 months ago by xuamox.
June 30, 2018 at 3:49 am #979510Hey xuamox,
To switch to a burger menu at a specific viewport please check the documentation.
Unfortunately, there is no easy way to automate the menu items to switch to a burger menu at the moment and it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)
Best regards,
VinayOctober 11, 2018 at 8:42 pm #1020475I tried using the code snippet from your documentation to switch to a burger menu at a specific viewport (1024px) and the code removed the menu and is NOT displaying the hamburger menu at all.
I have run into this problem a few times, and there must be an easier way to manage these settings more reliably on Enfold.
/* Activate burger menu */ @media only screen and (max-width: 1224px) { #top #header .av-main-nav > li.menu-item { display: none!important; } #top #header .av-burger-menu-main { cursor: pointer; display: block!important; }}
October 12, 2018 at 1:09 am #1020541I think you guys could add a couple of extra options to the mobile menu so that you can set it to break at 1024 for ipads and other tablets.
Can’t you detect if it’s a tablet or pc/mac? and then apply the correct breakpoint setting?
October 12, 2018 at 6:37 am #1020615Hi,
You are running a very old version of the theme, that is why the current code is not working. Please update to 4.4.1: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update. Please note that you might have to delete the old version before you upload the new one in order for it to install properly.
Best regards,
RikardOctober 12, 2018 at 8:37 pm #1020824Thanks, I will look into that. How come on the Enfold admin it says that I am running the latest theme, even though the version number is wrong? Why is that part of the Enfold theme not working? It’s supposed to alert you whenever there is a new update to the theme. Seems like a pointless feature if it’s not doing its job.
- This reply was modified 6 years, 1 month ago by xuamox.
October 12, 2018 at 8:39 pm #1020827What is the proper way to update the Enfold theme then, if we are running a live website on it, with a child theme?
October 13, 2018 at 8:47 am #1020998Hi,
Yes, it’s totally pointless feature, that’s why we put in there. Or it could be that your hosting provider is blocking traffic from api.envato.com for instance, or that they are blocking cron jobs.
The proper way of updating the theme would be any way that you feel comfortable with. You could for instance try to update it via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update. Please note that you might have to delete the old version before you upload the new one in order for it to install properly since some files have moved in the recent versions of the theme.
Best regards,
RikardOctober 13, 2018 at 6:18 pm #1021076I am currently using Enfold on various websites for clients. I just checked and some of the websites do have the latest version and/or the update feature is working. So why would it work for some Enfold sites, but not others? I use WP Engine to host all of my websites. I will check with them to see if they are blocking any api or cron jobs.
October 14, 2018 at 5:32 am #1021156Hi,
Some server environments either block the Envato API or is not compatible at all unfortunately. If you want to know what the latest version of the theme is then you can always check here: https://kriesi.at/documentation/enfold/changelog/
Best regards,
RikardNovember 26, 2018 at 8:41 pm #1037770Thanks I will update to the latest version of the theme.
November 26, 2018 at 11:12 pm #1037836Hi,
Did you need addtional help, or shall we close this topic?
Best regards,
Jordan ShannonDecember 1, 2018 at 12:43 am #1039465No we can close it out
December 2, 2018 at 9:16 am #1039838 -
AuthorPosts
- The topic ‘How can I display hamburger menu at 1024px width?’ is closed to new replies.