Move code from theme.liquid to base.css

[MiguelMaya]

How can i move this code from theme.liquid to base.css functioning properly?

Ive moved all the added custom code on my theme.liquid to base.css with success, except for this code that’s not worked properly after moving every way I’ve tried. Its for making icons move away from the center to the margins. Help.

misteri.ca

<style>
@media only screen and (max-width: 990px) {
.header {
    padding-left: 2rem;
    padding-right: 1rem;
}
}
</style>

[PageFly-Amelia]

Hi @MiguelMaya 

This is Amelia from PageFly - Landing Page Builder App

You need to copy this code below and paste it at the end of the base.liquid file

@media only screen and (max-width: 990px) {

.header {

 padding-left: 2rem;

 padding-right: 1rem;

}

}

Note that you do not need to copy the <style></style> tag

Hope that my solution works for you.

Best regards,

Amelia | PageFly

[BSSCommerce-TC · Accepted solution]

Hi @MiguelMaya ,

You need copy that 

@media only screen and (max-width: 990px) {
    .header {
        padding-left: 2rem !important;
        padding-right: 1rem !important;
    }
}