Solved

Add margin to footer on desktop - Ride theme

INFRA
Shopify Expert
124 0 51

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?

Screenshot 2023-11-21 at 09.43.02.png

 

website

password: meifay


Thanks so much!

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
7011 1327 1352

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;
  }
}

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 3 (3)

ZenoPageBuilder
Shopify Partner
1052 203 219

Hello @INFRA 👋

You can add media query like this

@media (min-width: 990px) {
    Code for desktop
}
Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
INFRA
Shopify Expert
124 0 51

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 🙂

Dan-From-Ryviu
Shopify Partner
7011 1327 1352

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;
  }
}

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now