Move code from theme.liquid to base.css

Solved

Move code from theme.liquid to base.css

MiguelMaya
Tourist
46 0 4

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>

 

 

Accepted Solution (1)

BSSCommerce-TC
Shopify Partner
215 46 48

This is an accepted solution.

Hi @MiguelMaya ,

 

You need copy that 

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

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 2 (2)

PageFly-Amelia
Shopify Partner
493 154 222

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

BSSCommerce-TC
Shopify Partner
215 46 48

This is an accepted solution.

Hi @MiguelMaya ,

 

You need copy that 

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

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency