Add margin to footer on desktop - Ride theme

Solved

Add margin to footer on desktop - Ride theme

INFRA
Shopify Partner
132 0 53

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
9251 1856 1890

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 and Accept solution!
- 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.

View solution in original post

Replies 3 (3)

ZenoPageBuilder
Shopify Partner
1052 203 225

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 Partner
132 0 53

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
9251 1856 1890

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 and Accept solution!
- 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.