How to not apply margin on movil version header?

Hi there,

where and how did you add the margins? Via CSS?

No. I add it on GP dashboard, layout>>header>> advanced and margins

Sorry, little confused, can you provide a screen shot of where you are making these margin changes?

Sorry its padding not margin.
Apperance>> customize>> layout>> header>> padding header

I cant add screenshots!

Hi there,

you can use this CSS - just adjust the 4 units Top, Right, Down, Left accordingly:

@media (max-width: 768px) {
    .inside-header {
        padding: 5px 5px 5px 5px;
    }
}

No it doesnt work. Did I explain well what I want?

I set padding (Apperance>> customize>> layout>> header>> padding header) on header.
But I dont want it on movil version. So how to exclude this padding setting for movil?

Hi there,

the code above changes the header padding you set in the customiser just for the mobile sizes.
Are you talking about the left and right padding on the mobile navigation?

If so you have this CSS in your additional CSS that is adding that:

.inside-navigation {
    padding: 0px 50px;
}

Ok, youre right I have this

.inside-navigation {
    padding: 0px 50px;
}

How to transform this code to exclude it for movil?

You can another piece of code to eliminate it on mobile like so:

@media (max-width: 768px) {
    .inside-navigation {
        padding: 0px;
    }
}

Just make sure you add it after the code you already have.

Thank you it works!

You're welcome :)