Move text and button down in slideshow on mobile - broadcast theme

Store Design
, ,
1

For desktop I have a slideshow banner and it looks great!

But for mobile the text and button is in my image and I would like to move text and button down.

I tried different css codes but none of them worked. Can someone please help me?

21AE8BE0-C9D0-4D38-B56E-CBF392FC24C2.JPG
21AE8BE0-C9D0-4D38-B56E-CBF392FC24C2.JPG1284×2282 211 KB

2

Hello @anoukvanschaik
can you share store URL?

3

Hi @anoukvanschaik

Can you please provide your store URL and password as well if applicable, so that I can provide you solution that can work for your store.

Best regards

Sahil

4

Hello @anoukvanschaik ,

I understand you are looking to change the positioning of the text & CTA of banner section

Please add the below mentioned code for the desired change.

Steps -:

  1. Go to the Online Store- Themes - Edit Code.

  2. Search file theme.liquid

  3. Add the below mentioned code at the bottom of the theme.liquid file before tag.

@media only screen and (max-width: 549px) { .hero__content.hero__content--transparent { padding: 10% 0 0 8%; } }
  1. Save changes

Output => https://prnt.sc/Ygh7YZH9Ge1l

I hope code helps you.

Please let me know if you have any query or need further assistance.

Thank you.

5

It worked! Thank you so much!!