Setting up a media query to adjust button placement for mobile experience

Store Design
1

Hi ,

I am trying to set up my first media query to allow separate style values between my desktop and mobile experience.

The section is my homepage slideshow. I am not sure of all the specifics here and am hoping to get some direction. I was told that i would have to edit my section-slideshow.liquid

The style content im looking to change is currently living in my index.json (attached photo below) I want to align the buttons differently

Desktop - Middle Right

Mobile - Middle Center

Matthew_0-1670929026959.png
Matthew_0-1670929026959.png1083×560 30.7 KB

2

Hello @Matthew_39

It’s GemPages support team and glad to support you today.

To provide you with the most precise solution in this case, could you please share the home page link?

3

Great, so appreciate the quick response :folded_hands:

www.fitwithcambrie.com

4

@Matthew_39

It’s the GemPages support team and glad to support you today.

I would like to give you a solution to support you:

  1. Go to Online Store → Theme → Edit code:

GemPages_0-1669618959296.png
GemPages_0-1669618959296.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before :

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

1 Like
5

So great, worked wonderfully. Thank you :folded_hands: