What's your biggest current challenge? Have your say in Community Polls along the right column.

How to move button on home page for MOBILE ONLY

Solved

How to move button on home page for MOBILE ONLY

majaa
Tourist
4 0 1

IMG_4673.png

Hi, I need to move the “shop button” so it sits lower on my home page for MOBILE only. 

the desktop button is sitting perfectly. 

pls help

 

thanks 

 

Accepted Solution (1)

namphan
Shopify Partner
2019 267 295

This is an accepted solution.

Hi @majaa,

Please go to Customize > Sections > Image banner > Custom CSS > Add code:

Screenshot.png

Code:

@media screen and (max-width: 749px) {
  .banner__box {
    top: 7rem;
  }
}
Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com

View solution in original post

Reply 1 (1)

namphan
Shopify Partner
2019 267 295

This is an accepted solution.

Hi @majaa,

Please go to Customize > Sections > Image banner > Custom CSS > Add code:

Screenshot.png

Code:

@media screen and (max-width: 749px) {
  .banner__box {
    top: 7rem;
  }
}
Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com