horizontal padding/margin in header

Envi_snc · May 2017

hello, I've set the website I'm developing to have a width of 1366px but the header keep on having some margin or padding on both sides that shrinks it to something as 1319px or something similar. For alignment reasons, I need it to be exactly large 1366px.

Coul you help me please?

here is the address to the website: http://sviluppo2.envi.it

Bryan · May 2017

Hello,
Please visualie this on a screenshot, I am not sure what you are trying to achieve
thanks

Envi_snc · May 2017

http://imgur.com/a/wKQet

as I've said, I've set the width to 1366px but this container is already 1346px.

the right side is also more spaced than the left one making it harder to create images that align perfectly with the content and also the menu. It would be ok to have both sides with the same space, even better to have everything set exactly to the width specified in the theme options

Bryan · May 2017

Try this css

#Top_bar .container .column.one {
	width:100%;
	margin-left:0 !important;
	margin-right:0 !important;
}

Envi_snc · May 2017

great, thank you, there is a typo in the last row, an unnecessary ":" between "margin" and "-"

I also added this code to remove some margin/padding remaing from the top bar right:

.wpml-languages.horizontal{

margin-right:0 !important;

padding-top:10px !important;

padding-bottom:10px !important;

}

.top_bar_right {

margin-right:0 !important;

padding-right:0 !important;

}

Bryan · May 2017

Yes, I edited it, thanks for pointing it out.

horizontal padding/margin in header

Comments