Mega Menu Width

Morodo

Hi, I would like to reduce the width of the Mega Menu. 

It's weird because when I try to do it under the "INSPECT" tab in Chrome I can see the changes, but when I apply the changes in the CSS nothing happens. I've also tried copying the CSS code you sent other people, but nothing. 

My website is this: https://new.belybel.com/   ( megamenu under "CREATIONS" 

THANKS! 

Bryan

Hi,

if you try in the dev tools and it works, please add "!important" at the end of the css statemant, it should then overwrite the standard width.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Morodo

I'm sorry but I can't manage, can you please help me? 

I've tried the following: 

#Top_bar .menu > li > ul.mfn-megamenu {

    width: 39% !important;

    margin: 0 15%;

    padding: 20px 0;

}

@media ;only screen and (min-width: 768px)

.menuo-right #Top_bar .menu > li > ul.mfn-megamenu {

width: 39% !important;

    margin: 0 15%;

    padding: 20px 0;

}

But nothing works. When I put the !important behind the margin it does change, but the margin stays the same always. 

could you please help me by taking a look? https://new.belybel.com ( Megamenu under CREATIONS) 

Thank you in advance! 

Morodo

Morodo

Sorry, this is the second code I changed and nothing. 

@media ;only screen and (min-width: 768px)

(index):133

.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu {

1. width: 39%!important;
2. margin: 0 24%;
3. padding: 20px 0;

Bryan

Try this css

body.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu {
	width: 50% !important;
	margin: 0 1%;
	padding: 20px 0;
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Morodo

Thank you!! It works!