Have your say in Community Polls: What was/is your greatest motivation to start your own business?
Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Responsive header not scaling on mobile

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 1583

@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;
}
}
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.