Menu width

marcoarts · March 2017

It's possible to increase the menu extension so that it is big as the container div? Also I would like it's centered in the container.

Bryan · March 2017

hi,

Please give us a link to your website and a screenshot with some explanation would be nice aswell.

thanks

marcoarts · March 2017

http://rictest4.altervista.org/test1260

I would like to have no margin inside the container (left and right margin). Also the menu has to be centered.

Bryan · March 2017

use this custom css

#Top_bar .menu > li {

	float:none !important;
	display:inline-block;
	 }

#Top_bar .menu { 
	text-align:center;
}

@media only screen and (min-width: 768px) {
.header-stack.header-center #Top_bar #menu {
    width: 105%;
    margin-left: -2.5%;
} }

marcoarts · March 2017

Thank you for your support! Only one more thing please:

Below the menu there is a line I made using this css:

.header-stack.header-center #Top_bar:not(.is-sticky) .menu_wrapper {

border-bottom: #aba09a !important;

border-style: solid !important;

padding-bottom: 5px !important;

}

The problem is that now the line is not large as the menu as you see in the following image:

Bryan · March 2017

Add this to your border css

    width: 110%;
    margin-left: -4%;

marcoarts · March 2017

Thank you!

Menu width

Comments