Jumpotrone text on cell phones

Illdy
1

Hi,

Some of the text (in the jumpotrone/header) is out of the screen when visiting the website on mobile. (iPhone 6s, but also if you make your computer screen narrow). This happens on the front page, but also in the text (name of page) that is in the header of the rest of my pages. Please take a look at the picture I attached

Any idea how to fix this? It is super important to me that the site is easy to navigate on a cell phone.

2

Hello,

You should try this CSS solution:

@media only screen and (max-width: 767px){
#header .bottom-header h2 {
    font-size: 30px;
}
.front-page-section .section-header h3 {
    line-height: 1;
    font-size: 20px;
}
}

Let me know if the above got everything fixed.

Regards

3

It worked! Thank you so much :slight_smile:

4

You’re welcome!

Have a great end of the week.