Hi,

This doesn’t work… Is there a specific class for links in blog posts which I can then add the { text-decoration: none; } to?

Hi,

The css modifications were to change the design of the default main menu to the way it looks today on the live website…

Why is it working perfectly with Enfold 4.0.7 and has all these problems with 4.2.6? Everything was fine until the main menu setting the was added on Enfold 4.1… How can I maintain the design as it is until 4.1 version?

I’m not sure what you mean. We didn’t remove any files… If it comes with the theme it’s there…

Please see the attached screenshot…

Hi Victoria,

This solves the desktop problem but the mobile problem remains – the menu doesn’t look as it should on mobile: the burger is on the right instead of on the left, the dividers show instead of hide… see in the attached images.

Thanks…

Hi,

That’s not it (this code makes things even worse…).

You can see everything works fine on the live website (with Enfold ver 4.0.7). The problem with the main menu begins after updating Enfold’s version to 4.1 on-words (which you can see on the staging site with Enfold ver 4.2.6). Something with the new burger and Main Menu you added to the Theme Options on ver 4.1 masses the main menu and I can’t get it back to the way it should be…

Please check again…

Thanks

Thanks but as I mentioned the Error 500 was already solved… The other problems remain…

I deleted the file and then updated the Enfold version. Works now. Thanks…

Hi Ismael,

The menu works well on the live website with Enfold 4.0.7… What you see is the menu on the staging website after making some changes as per the chat with Victoria… If you can please read this thread that would be great if not we can start from scratch (I’ll make a new copy of the live website without the changes…).

Thanks…

Not sure what you mean… We have a customized menu (changes made on style.css of Enfold child theme)… See the attached details…

Hi Victoria,

The custom code worked well with the old versions of Enfold. For some reason the menu changes that come with Endold 4.1 and the next versions seem to “break” the custom main menu design.

I removed the code and now the menu doesn’t show on desktop… Please see if you can help with this.

Would it be possible to know which of the files affect the main menu and I won’t update them? else it seems like I need to redesign it…

Thanks

I also added this to the media query and it looks good now:
#top .main_menu .menu > li:last-child > a {
padding-right: 30px !important;
}

About the icons – Does it mean that the problem is only on staging and will not occur on the live website…?

I’m sorry but there’s another problem – I see the whole appearance of the mobile menu has changed. How can I keep the design we have now?

Thanks !!! This solves some of the problems… Still on mobile there’s the search sign which wasn’t there and it covers the menu in a way that the menu can’t be clicked.

Another problem I noticed is that all my imported icons don’t show any more (although still appear on the list of icons (Font: fontello). Why is that and how can I fix it?

I saw that on ver 4.1 you wrote:
– added: new theme options tab for the main menu
– added: several new options to edit and style the main menu on mobile devices

This is causing me a lot of trouble…

I’m using a child theme and made many design changes for the main menu. For some reason the changes you made in ver. 4.1.2 is overwriting them.

I don’t want any of the new changes you added for the main menu – It made a mass in the mobile menu as well. How can I clear all the new added features?

I found 2 files with “fonts.googleapis.com”:
avia_advanced_form_elements.js
admin_new.css

I read the fix is to “Make sure your theme is using just “//fonts.googleapis…” and is not hard coded to HTTP or HTTPS”, so I need to change:
https://fonts.googleapis.com/css
to
//fonts.googleapis.com/css

How should I do that if I’m using a child theme?