Change menu appearance

Arjoni · April 2017

Hi, I want to make the menu width smaller. How do I do that? I also ave activated mega menu and I would like the menus to be centered.

Bryan · April 2017

Hi, this would require custom css, we can change the width but not the align. Please send a link to your website.
thanks

Arjoni · April 2017

www.domain.com

Bryan · April 2017

HI,
Please use this css

.mm-vertical #Top_bar .menu>li>ul.mfn-megamenu {
	width:70% !important;
}

Arjoni · April 2017

It broke the page. The menu is now aligned to the right and not the center.

siteeetc · April 2017

Hi, how did u make that "Client Area"? I want something like that on my page. Thanks

Bryan · April 2017

The menu is aligned to the left, and the page is not broken. Clear the cache.
https://snag.gy/T9b4fr.jpg

Arjoni · April 2017

I want the menu to be centered. Now it is not. Already cleared the cache.

Arjoni · April 2017

@siteeetc go to betheme options -> header & subheader -> extras

Bryan · April 2017

Hi,
Please use this css

#Top_bar .menu li ul.sub-menu {
    left: 50% !important;
    transform: translate(-50%,0) !important;
}

Arjoni · April 2017

It still doesn't work when sliding down the page. Look at the screenshot. Menu should go to left in this case.

Bryan · April 2017

Please next time be more precise and tell exactly what you want to do. Who knew you wanted the menu to go left when you scroll down...

Here is the css

#Top_bar.is-sticky .menu li ul.sub-menu {
    left: 0 !important;
    transform: translate(0,0) !important;
}

Comments