Remove section padding on responsive mode

CSS means cascading style sheets – so you have to “fall down” the cascade to your desired rule to influence
if you see your source code there is on top the class .responsive than #top etc. pp

.responsive #top #wrap_all #entreprise .container {

}

the next is ( the class responsive exists even from beginning – it is not added in case of responsiveness)
you have to work with media querries to solve your problem f.e. (if you set it to phones only you need here 768px)

@media only screen and (min-width: 990px) {
.responsive #top #wrap_all #entreprise .container {
…………
}
}

PS on top you are talking about padding and in your code there is margin. What would you like to influnce here?

Because container had padding left right (0 50px)
the following content in it has padding bottom top (padding-bottom, padding-top – each 50px).

if you want to remove both there are two rules needed:

@media only screen and (min-width: 990px) {
.responsive #top #wrap_all #entreprise .container {
max-width: 100% !important;
padding: 0px !important;
}
.responsive #top #wrap_all #entreprise .content {
padding-bottom: 0px !important;
padding-top: 0px !important;
}
}

• This reply was modified 7 years, 10 months ago by Guenni007.