Mega Menu is not showing correctly

[HappiestWeb]

Hi there,

Mega menu is not working correctly on my site.

It is going very left and first column of sub menu is not visible

You can visit http://merabharatmahan.in/

Here look at 2nd navigation item in main menu “About India”. After hover it shows only 2 columns while it is a 3 column sub-nav

Can you help?

[sharmstr]

looks like whatever you are using to minify css files isn’t doing it in the correct order. You can try putting this in your child css

COPY CODE

.kleo-main-header .nav li.kleo-megamenu.mega-3-cols>.dropdown-menu {
margin-left: 0px !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[HappiestWeb]

I tried doing this but did not help 🙁

Please guide me more options

[sharmstr]

The code I gave you is not showing up. Did you clear your cache after adding it?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[HappiestWeb]

Yep I did that in style.css of child theme

[sharmstr]

Try deleting px

COPY CODE

.kleo-main-header .nav li.kleo-megamenu.mega-3-cols>.dropdown-menu {
margin-left: 0 !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[HappiestWeb]

I tried this too but not working.

If you want I can email admin credentials to you

[sharmstr]

Respond privately.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[HappiestWeb]

This reply has been set as private.

[sharmstr]

done

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[HappiestWeb]

Awesome. Really appreciate your help.

By the way what are the changes you have made so that I don’t bother you in future?

Also can you help me on this too? https://archived.seventhqueen.com/forums/topic/different-background-color-for-header-main-and-top-menu

[sharmstr]

I put the code I gave you in quick css then flushed the cache.

Laura is already helping you with the other topic.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts