How can I alter mobile slideshow display to match desktop?

Store Design
, ,

Topic summary

A user seeks to align their mobile slideshow display with the desktop version. Currently, the mobile view shows text and buttons positioned underneath the slideshow images, with unwanted white space below. They want the slideshow images to fill the entire area and match the desktop layout.

Proposed Solution:

  • Apply position: relative CSS property to the text elements in mobile theme code files

Current Status:

  • User shared their website URL (euphoriastore.co.uk) for review
  • Requested step-by-step guidance on implementing the fix within Shopify settings, noting they are new to customizations
  • Discussion remains open with follow-up requests for detailed instructions
Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.
1

Hi all,

I want my mobile display to look like my desktop for my top slideshow. The text and button appears to be underneath and I also would like the slideshow image to be the full size of the area and not have space below.

Please see difference below. First image is the desktop and second is the mobile.

Can anybody help please? :slightly_smiling_face:

ldmanagement_1-1686771762367.png
ldmanagement_1-1686771762367.png1914Ɨ849 264 KB

ldmanagement_0-1686771652133.png
ldmanagement_0-1686771652133.png709Ɨ772 254 KB

2

It can be done by applying position relative property to the text in mobile in code of theme files.

3

Hi,

Thanks for your response!

Could you please let me know how to do this within the Shopify section?

Iā€™m new to this, so any guidance would be most appreciated! :slightly_smiling_face:

Best

4

Can you share the link to your website?

5

Of course!

www.euphoriastore.co.uk

6

Can you please advise how I do this?

7

Hi,

Had you had chance to look into this please?