Resize jumbotron title on Mobile

Illdy
1

Hello! Thank you for the wonderful theme and this amazing resource of support. I have been able to search and find resolutions to many other things. The one thing I am still having trouble with is resizing the text in the jumbotron section. It looks great on a PC, but on mobile, the text does not resize to fit the screen. Screenshots attached of mobile display. I did see another post with a similar problem, but the CSS code did not work for me.

I appreciate any assistance on this. Thanks in advance!

site: www.serenitybreastfeedingsupport.com

2

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

@media (max-width: 550px){
#header .bottom-header h1 {
    line-height: 58px;
    font-size: 40px;
    color: #fff;
    font-family: "Poppins";
}
}

Best Regards,
Support

3

Thank you for the quick reply. Unfortunately, this was unsuccessful.

4

Hey there,
Thank you for keeping in touch

I made some adjustment to the code.

@media (max-width: 736px){
#header .bottom-header h1 {
line-height: 58px !important;
font-size: 40px !important;
}
}

Best Regards,
Support

5

Still no change.

Is there a lag after publishing for mobile? I incidentally added some text and it’s not updating either.

6

Success after (also incidentally) updating the home page. Thanks!

7

Glad it worked, happy to help.

This issue will be marked as resolved, please let us know if you have any more issues.

Best Regards,

8
    Not working for my website(
9

Hello @trip2space,

Could you please tell me what theme you are using and provide a link to your website?

Best Regards,
Support