Remove margin (left and right) from (div.header_main_alternate.container_wrap)

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
January 28, 2014 at 11:59 am #215738

Bastian Jorgensen
Participant

Hello.

How to remove margin from div.header_main_alternate.container_wrap.
Check: http://screencast.com/t/GF2hCsZGf

Thank you.

January 28, 2014 at 2:57 pm #215778
Ismael
Moderator
Hey Bastian Jorgensen!

You can’t remove the margin of the header_main div because there is none but you can increase the width of the container inside the div. You can use the #header_main .container selector:
```
@media only screen and (min-width: 1140px) {
.responsive #header_main .container {
width: 1200px;
}
}
```
The media query above is for desktop view. You can use different media queries to target the container on different screen sizes.

Regards,
Ismael
January 29, 2014 at 6:29 pm #216535

Bastian Jorgensen
Participant

Hello Isamel,

Of course there is a margin in left an right. :-)

This CSS sort out my problem.
#header_main_alternate .container { !important; margin-left: 0px !important; min-width: 1130px !important; }

Result: http://content.screencast.com/users/Bastianj/folders/Jing/media/27dd733f-5bc0-451b-93de-5c0b53424bd2/2014-01-29_1727.png
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Remove margin (left and right) from (div.header_main_alternate.container_wrap)’ is closed to new replies.