Mega Menu Width

Morodo · October 2017

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 · October 2017

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.

Morodo · October 2017

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 · October 2017

Morodo · October 2017

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 {

width: 39%!important;
margin: 0 24%;
padding: 20px 0;

Bryan · October 2017

Try this css

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

Morodo · October 2017

Thank you!! It works!

Mega Menu Width

Comments