Jumbotron text not responsive

Illdy
1

Hi ! My name is Ivo
Your themes are fantastic…I choosed Illdy for my site but I have a trouble…
If I write a big text in the Jumbroton section on the mobile is not responsive (the horizontal scroll compare)

In the main.css file , ther is the #header .bottom-header h2 { class where is possible reduce the font but seems that it works only for desktop view.
Is right? How I can reduce the font on mobile view ?

Thankyou in advance. Ivo

2

Hello Ivo,

First of all, thank you for the interest in our theme and for the kind words.

We are aware there are some issues with the responsive part so please bear with us until we improve the behaviour.

For now, it seems like you could use some media queries to be used on smaller displays, so please try this CSS solution and let me know if it temporary fixed the issue:

@media (max-width: 1024px) {
 #header .bottom-header h2 {
  font-size: 40px;
 }
}

Regards

3

Hi.

I figured out the issue this morning…

On chrome when you are looking at the website right click on the header and click ‘inspect’. Find the header and after the class “col-sm-12” double click and make a new class next to it eg:headertitle.

Then I added this in custom CSS:
@media screen and (max-width: 650px) {
.headertitle {
font-size: 0.7em;
}}

@media screen and (max-width: 480px) {
.headertitle {
font-size: 0.5em;
}}