FROM CACHE - en_header

Slide text is showing up differently to desktop text

pcw
New Member
10 0 0

I'm trying to find a way to move the text on the mobile slide so it is not covering the image.

The desktop text is fine. I don't mind where the text sits, just as long as it's not covering the slide image. 

 

I'm using Studio theme and I do not have the link theme.scss.liquid in my Assets folder. Just a heads up.

 

Thanks for any replies in advance.

Replies 6 (6)
Ahsan_ANC
Shopify Partner
947 175 188

Hi @pcw  in the Studio theme the main CSS file name is "base.css" and it's in the assets folder.

here is the code for the text size on mobile

The first one is for heading

The second is for subheading 

and the third one is for button

plz change them according to your choice, just change numeric values, paste that code at the bottom of base.css

 

@media(max-width:786px){
  .banner__heading {
    font-size:18px !important;
  }
  .banner__text{
  font-size:14px !important;
  }
  .banner__buttons a{
   font-size:16px !important;
  }
}

 

> Was my reply helpful? Click Like to let me know!
> Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com
You can get a Free Shopify design error solution and page setup guide.

Shopify Partner | Skype : ahsananc
pcw
New Member
10 0 0

Hi @Ahsan_ANC Thank you for this, it's working on my phone )i've had to make the text really small) but still not small enough on another phone (still overlapping) any other ideas on how to move the text over slightly? 

Ahsan_ANC
Shopify Partner
947 175 188

Can you share Store URL so i can see and send specific for your store.

> Was my reply helpful? Click Like to let me know!
> Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com
You can get a Free Shopify design error solution and page setup guide.

Shopify Partner | Skype : ahsananc
pcw
New Member
10 0 0
Ahsan_ANC
Shopify Partner
947 175 188

Screenshot 2022-08-10 144355.png

> Was my reply helpful? Click Like to let me know!
> Was your question answered? Mark it as an Accepted Solution!
Feel Free to Contact Me at my Email: anc2277@gmail.com
You can get a Free Shopify design error solution and page setup guide.

Shopify Partner | Skype : ahsananc
pcw
New Member
10 0 0

unfortunately didn't work