How can I adjust slideshow buttons on mobile in Debut theme?

Store Design
1

Hi,

I have been trying to solve this but need help.

Am on Debut theme.

On the mobile screen, the arrows and buttons of the slideshow are cutting into the slides. No problem on desktop.

Can someone please advise how I can move these arrows and buttons lower so that they will not block the slides?

Thank you!

Debut_slideshow.jpg
Debut_slideshow.jpg720×850 55.7 KB

2

Hello @brandonchang

  1. In your Shopify Admin go to online store => themes => actions => edit code
  2. Find Asset =>theme.scss OR Asset =>theme.css and paste this at the bottom of the file:
@media only screen and (max-width: 749px){
	.slideshow__text-wrap--mobile{
		    margin: 20px 0 -1.1rem 7.5% !important;
	}
}

Hope it will help to you!

Thanks.

2 Likes
3

Perfect! Thank you so much!

1 Like
4

Hi @brandonchang you’re welcome