Mobile version looks terrible

Hey all,

I’ve searched through the forums and tried all the mentioned options i’ve found, but so far, no result.

On a page of mine (www.roadblock-rental.com) the mobile site looks terrible. It isn’t as bad as described, because most of the site works perfect, except for the first thing you see.

Hopefully you guys can help me out here.

Thanks in advance!

Tim

hi Tim

Hope you are having a good day and thank you for your question :slight_smile:
Can you tell me what is the problem exactly? i just browsed your website on mobile and i cant see anything unusual, please give me more details and screenshot as well
Thanks!
Colorlib Support Team

hi Tim

Hope you are having a good day and thank you for your question :slight_smile:
Can you tell me what is the problem exactly? i just browsed your website on mobile and i cant see anything unusual, please give me more details and screenshot as well
Thanks!
Colorlib Support Team

Well… the main problem is the text size on mobile. Where it is just perfect on computers and ok on tablets, is it way to big for mobile.

I’d also like to change the menu stripes into black.

Hi there,

  1. About the font size on those slides, its caused by some custom CSS you have on additional CSS area in appearance \ customize area. It looks like this:
h1 {
    font-size: 56px !important;
    line-height: 1.2 !important;
}

Could you wrap it in a media query for it to avoid affecting screen sizes below mobile i.e.

@media (min-width: 992px){
h1 {
    font-size: 56px;
    line-height: 1.2;
}
}
  1. For black menu stripes \ mobile menu icon lines, you can use this CSS:
@media only screen and (max-width: 992px){
.open-responsive-menu .fa {
    color: black;
}

}

add it to that appearance \ customize - additional CSS.
Hope this clears things up.