Shopify themes, liquid, logos, and UX
Hi there,
I've added the below code to add margin to the footer but I want it to only apply to desktop, how do I do this?
password: meifay
Thanks so much!
Solved! Go to the solution
This is an accepted solution.
Hi @INFRA
You can try to add this code to Custom CSS of footer section
@media (min-width: 768px) {
footer {
padding-left: 100px;
padding-right: 100px;
}
}
- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hello @INFRA 👋
You can add media query like this
@media (min-width: 990px) {
Code for desktop
}
hi there, thanks for your reply. Ufortunately, the code stops working altogether when I add that in front.
is this correct?
@media (min-width: 990px) {
padding-left: 200px;
padding-right: 200px;
}
Ideally I just want it the same width as the footer section with the policy links 🙂
This is an accepted solution.
Hi @INFRA
You can try to add this code to Custom CSS of footer section
@media (min-width: 768px) {
footer {
padding-left: 100px;
padding-right: 100px;
}
}
- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025