Page title responsiveness

noorasvard

Hi,

I have a problem with page title. How do I make the title scale so it fit the screen? I tried Theme options --> subheader, but it didn´t change the size.

Thank you!

Näyttökuva 2022-10-19 kello 13.07.34.png

Näyttökuva 2022-10-19 kello 13.07.45.png

Phil

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

noorasvard

Here is the link to my customers website:

https://sarastava.fi/

Phil

You can do one of these things:

1) Go to Betheme -> Theme options -> Fonts -> Size & Style, disable the Auto font size option, and manually set the font size for tablet and mobile.

2) Or use the following CSS code:

@media only screen and (max-width: 479px){
   #Subheader .title{
      font-size: 35px!important;
      line-height: 40px!important;
   }
}
@media only screen and (min-width: 480px) and (max-width: 767px){
   #Subheader .title{
      font-size: 57px!important;
      line-height: 65px!important;
   }
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next