New Shopify Certification now available: Liquid Storefronts for Theme Developers

Responsive header not scaling on mobile

Michell_Lil
Visitor
1 0 1

Hi there, 

Can someone please help me figure out why the headers are not scaling on mobile on the Dawn theme. Im looking at "forlovelsesringe" on a iPhone xs and 11 : https://liljefeltjewellery.com/pages/forlovelsesringe 

Is there a limit to characters in the heading?  

Replies 2 (2)
Zworthkey
Shopify Partner
5581 642 1560

@Michell_Lil 
Add this code in theme.scss or theme.css file

 

@media only screen and (max-width: 600px) {
.main-page-title {
    margin-bottom: 3rem;
    font-size: 32px !important;
}
}
banned
SanDee222
Excursionist
31 0 12

I am not sure about the OP but this did not work for me. My header is not scaling on mobile and I too am using Dawn. There is no theme.scss or theme.css. There is only the base.css file.