Main menu CSS Theshop


Is there a way to display the CSS design I currently have on my secondary menu, also on my primary menu so that the designs and behaviour are the same?
I want to uninstall Max Mega and implement this code.

Also, I noticed that the menu on mobile doesn’t display properly.
I want it to act the same way it is set for desktop. Unfortunaly I do not know how.

Hope you guys can help!



It looks like this issue requires some coding and testing on different screen resolutions, this goes beyond our support policy. It’s considered advanced customization. As an option, you can contact Codeable for this kind of service, or find a reputable freelancer on Upwork. Hope for your understanding.

Kind Regards, Roman.

Hello @roman

I am sorry to hear that. Well I fixed most of it myself!

Maybe you could help me with one more thing?

I added this code to the menu:

.main-navigation ul ul a {
    color: #f8f8f8 !important;
.main-navigation ul a:hover {color:#ff7600}
.main-navigation ul ul a:hover {background-color:#ff7600 !important}

But for some reason when I hover on it, the colour #ff7600 is not filling up the whole menu item

Please help me solve this and i’m finally done with this


Please create a new topic for that issue (with a link to affected site and some explanatory screenshots) to keep forum in good order and make it easier to help you.

Kind Regards, Roman.