How can I optimize mobile view for the Testament theme?

Hi,

I have the testament theme and have been designing my website mainly looking at the desktop view. I tried it on my phone and it doesn’t seem to gel well with mobile view.

https://wardrobesbydesign.au/pages/quality

(password is hi)

On this page on desktop the image is next to the corresponding text. On mobile view it doesn’t make much sense you need to scroll to the right to see the other content and I doubt my customers will be able to read it easily. Does anyone know how to make testament stack the content top to bottom rather than use this slider on mobile view? Kind of like text, pic, text, pic as you scroll vertically on your phone if that makes sense?

Otherwise is there a way to design a page for desktop view and a page for mobile view??

Thank you,

Lisa

Hello @Lisagraphics ,

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

I would like to give you a recommendation to support you so kindly follow steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

  1. Open your theme.liquid theme file

  2. Paste the below code before


If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

Hi, I went into theme.liquid and couldn’t see /head at the bottom so I just put the code before

Is that right? I can’t see a different just yet but sometimes the changes take a while to update. I’ll check in a bit and come back to you :slightly_smiling_face:

Will this code make that section scroll vertically instead of horizontally on mob???

Hi @Lisagraphics ,

You could please try adding this code before if you can’t see . Please kindly don’t add before

Best regards,
GemPages Support Team