Shopify themes, liquid, logos, and UX
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.
<style>
@media only screen and (max-width: 990px) {
.header {
padding-left: 2rem;
padding-right: 1rem;
}
}
</style>
Solved! Go to the solution
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
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.
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
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024