Debut theme - Changing font size on landing page main image overlay text on mobile only

Solved
New Member
3 0 0

Heya!

 

I've dug around and folks seem to only be asking about the slideshow font size, so I figured I'd open up a thread to try to get some answers.  My issue is the font size on the mobile version only that overlays my main landing page image (just below the header).  Looks great on desktop, but no amount of tweaking gets the mobile version to scale acceptably, and the few words of text I have keep wrapping to a second line, and therefore covering the image awkwardly.  Is there a way to edit this such that the text can scale to one line?

 

See screenshot:

 

IMG_5595.jpg

 

Thanks for any support!

0 Likes

Hello 

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

@media only screen and (max-width: 749px)
h1, .h1 {
       font-size: 1.2em!important;
}

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
3 0 0

So that just blew out the desktop version, making the cart icon as big as the whole screen... I was able to revert back for now - will stay tuned for any other ideas...

0 Likes

Success.

Replace that code with below code:

@media only screen and (max-width: 749px)
{
h2.h1.mega-title.mega-title--large {
       font-size: 1.2em!important;
}
}

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
3 0 0

Thanks a million!

0 Likes