Main Menu Settings Not Working

[fuhcologne]

Hello,

I was trying to change the Main Menu Color Settings in Theme Options >>> Menu >>> Menu Styling. I found that the settings already configured do not match what I am seeing on the site and am not seeing changes made when I switch the settings. Aside from the color settings, I had the Menu to be on toggle as I want the Menu to reveal on hover, but the Main Menu does not expand unless clicked on. I am not sure if this matters, but I have Demo 46 loaded.

The screenshots attached are the current settings and what I am seeing.

Attachments:

You must be logged in to view attached files.

[Aizaz Awan]

Hello, @fuhcologne,

1. To change the background color of the toggle Menu, please navigate to Porto >> Template Builder >> Header and edit the Main Nav Menu from there, under the Menu settings you can change the color as per your requirements, please refer to this screenshot: https://pasteboard.co/85aSelyy15Ez.png and it is working perfectly fine for me on frontend as well.

2. The Toggle Menu opens on hover, for that you need to use the Custom CSS, please try the below given CSS code to Porto >> Theme Options >> Skin >> Custom CSS and check back again after clearing the browser cache.

div#main-toggle-menu:hover .toggle-menu-wrap.side-nav-wrap {
    display: block !important;
}

Best Regards,
PThemes Team.

[fuhcologne]

Thank you, those solutions worked.

[Aizaz Awan]

Hello, @fuhcologne,

You’re very welcome! I’m glad I could assist you effectively. If you have any more questions or need further help in the future, don’t hesitate to reach out.

Have a great day!

Best Regards,
PThemes Team.

[Author]

Posts