Move code from theme.liquid to base.css

Solved

Move code from theme.liquid to base.css

MiguelMaya
Excursionist
48 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
225 49 51

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
603 165 236

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!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


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

BSSCommerce-TC
Shopify Partner
225 49 51

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