Slideshow Mobile View Text Not in Center of Image

[MUSESJEWELRY]

Hello, I recently added a slideshow to my homepage on my store. I love the way it looks on desktop and I want it to look at same on mobile but I am not sure what the issue is. This is how it looks on desktop 

And this is how it looks on mobile 

Anyone have any advice on how I can move the text in the mobile version, to the middle of the image? And how to get rid of that black bar under the image? 

Thank you!

[vinh0225 · Accepted solution]

Hi @MUSESJEWELRY 
It depends on what theme you are using in your store.

- If the theme provides the feature to move the text over the image, we can use it.

- If the theme doesn't have this feature, we can edit the Liquid code to implement your idea.

- We can move the text over the image using CSS, or using javascript if necessary.

You should select one of these and you'd better to provide with store URL first.

Regards,

Vinh

[vinh0225 · Accepted solution]

Hi @MUSESJEWELRY 
It depends on what theme you are using in your store.

- If the theme provides the feature to move the text over the image, we can use it.

- If the theme doesn't have this feature, we can edit the Liquid code to implement your idea.

- We can move the text over the image using CSS, or using javascript if necessary.

You should select one of these and you'd better to provide with store URL first.

Regards,

Vinh

[MUSESJEWELRY]

Hi Vinh, 

Thanks for your reply. I am using the Dawn 15.0.2 theme. This is the link to my store https://musesjewelry.shop/

[vinh0225 · Accepted solution]

Then, please check if you can edit this:
Select mobile view mode > Image banner > Uncheck "Show container on mobile"

[MUSESJEWELRY]

Wow, i was going crazy looking for something like that! Looks like i need to give my eyes a break 🙂 Yes, that worked. Thank you so much!

[vinh0225]

I am glad to hear that it works.

Please don't forget to Click Like and Mark my response as a Resolved Solution.

Cheers!