Text slider mobile phone

Hi,

The website www.thuisinbalans.nl runs perfect (tablet and computer), but not on a mobile phone.
The slider text did not resizes and runs under the logo.

Is there something to do about that? For example create smaler font sizes for the mobile phone?

Many thanks,
Lysette

 

Hello,

Greetings from InkThemes!

Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 480px){
.tf_content {
    bottom: -12%;
    left: -5px;
}
}

Hope it will resolve your issue

Do let me know if you need more assistance,
Thanks & Regards!
Priyanka
InkThemes.com

 

Thanks for your fast reply.

The code works super! I made a small adjustment so it's a little bit better.
Is there also a special code for the landscape view on a mobile device?

 

Is it also possible to show only the heading on a mobile phone and hide the description.
then all problems are solved I think.

 

Hello,

For the landscape view, please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard for once.

Code:

@media only screen and (max-width: 767px) and (min-width: 480px){
.tf_content h1 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
}
}

To hide the description, follow the code given below in Custom CSS field of your dashboard.

Code:

@media only screen and (max-width: 480px){
.tf_content p {
    display: none !important;
}
}

Hope it will resolve your issue

Thanks & Regards!
Priyanka
InkThemes.com