-
Posts
-
I updated to version 4.4.1 of Enfold and noticed the mobile/burger menu in the website is not displaying correctly now. You can see how it looked previously in the first link in the private content and the second link shows how it looks now. I am using a child theme, but it looks like all the formatting I had applied to the menu was lost when I updated the theme.
Hey NicomIT,
The mobile menu has changed a bit since the version you are running on the live site (3.8.4), so you will unfortunately have to restyle your mobile menu. If you run into any problems we can help out here on the forum.
Best regards,
RikardHi Rikard,
Is there a version of the theme that is newer than 3.8.4 available, that doesn’t have the changes to the mobile menu, but does have under “Theme Options” > “Layout Builder” the option to show element options for developers? The reason I updated it was so I could add specific CSS classes to the elements/containers used in the layout. I’d be fine with rolling the theme back to an older version if it still had that option.Hi,
Yes, latest version is other – could you please get it from themeforest and update with FTP?
Best regards,
BasilisMaybe I’m not understanding your reply, but it looks like you are suggesting I download and install the latest version of the theme? However I need an older version that has CSS class feature I am using, but not the changes to the mobile menu. Can you tell me what version I would need to download that has the feature I need for the CSS, but not the changes that were made to the mobile menu? I don’t see in Themeforest where you can download older versions of the theme. So is that even an option?
I found some back-ups of older versions of the theme that were between 3.8.4 and 4.4.1, but wasn’t able to find one that gave me the additional CSS option and the old version of the menu. So if someone could have a look at the mobile version of the menu and help me fix it, that would be great.
I was able to fix the display of the mobile menu text and make it so you can click on it. But the hamburger/close menu icon is not positioned where it was in the old version of the website and there is extra space above where the menu links are displayed. I’m having problems adjusting both of those things. If someone can help me with those, it would be appreciated.
Hi,
Thanks for the feedback. Please try this CSS to align the burger menu and close button:
li.av-burger-menu-main a { top:0 !important; }Best regards,
RikardThanks Rikard. Is there a way to specifically target the menu item for the section you are in for the mobile menu? I think it is inheriting some formatting from the main menu and when you open the mobile menu again after clicking on one of the main sections, there is a large space under the corresponding menu item. I’d like to not have that appear and have the spacing stay the same in the menu, no matter where you are.
Hi,
Can you screenshot us exactly what u mean cause I load on my iPhone on chrome and I do not see it like that.
Best regards,
BasilisSure. Here’s a screenshot. I clicked on the “Policies & Procedures” link, then opened the menu again and there is additional space under the link/above the one below it. I highlighted it in red.
Hi,
I checked your site on android and windows. The site looks good on my end. You may not see the changes until the cached files are cleared in your browser.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.
Best regards,
VinayHi Vinay,
I tried clearing my browser cache/history, but I still see the space in the screenshot. I also notice the hamburger menu isn’t always clickable. I have seen that on both my phone as well as in my web browser.It looks like there was a PHP error causing the burger menu to not be clickable. We were able to fix that. However, I still see the extra space under the link of the parent page/section you are on in the mobile menu. The CSS/JS merging and compression is set to no compression. However, there was not any changes provided to remove the space, so I don’t think this is a caching issue. The space was never removed and I needed help getting rid of it. You only see it if you go to one of the main sections in the menu, then open the menu again. In the screenshot I provided I went to “Policies & Procedures”, then expanded the mobile menu again and that is when you see the extra space under the section you are in. Hopefully that helps clarify what I am needing help with.
Hi,
Did you modify any of the theme files in your child theme? Please update those files as well. Or post the login details in the private field so that we could check it.
Best regards,
IsmaelHi Ismael,
I was able to find the CSS that targeted the space under the current menu item and adjusted the bottom margin:#av-burger-menu-ul li.current-menu-item a { margin-bottom: -45px !important; }It’s displaying fine now.
- You must be logged in to reply to this topic.