Homepage slider text not visible in mobile view

Hello!

When i open my site on a mobile (I tested with iPhone 5 and HTC M8) the text on the slider is not there. See picture 1.

I implemented a solution that was given on this forum (pasting code in the CSS Styling Options, this was the code: @media only screen and (max-width: 767px){
.salesdetails {
display: initial;
}
.sl-slide-inner h1 {
font-size: 15px;
line-height: 10px;
}
.sl-slide-inner p {
font-size: 11px;
}
} )

The result was picture 2.

iPad is working ok, by the way.

Can you please help me with this? Thanks!

My url:

 

Hello,

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: 767px){
.salesdetails {
display: block;
width: 90%;
}
}

It will resolve your issue.

Thanks & Regards
Yogesh Bhade

 

Hello Yogesh, thanks this is better! However, can you help me with making it really good? How can I move the text a little bit to the top of the grey block? See picture.

 

Hello,
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){
.salesdetails {
padding: 10px 22px 22px 26px;
}
}

It will resolve your issue.
Thanks & Regards
Yogesh Bhade

 

Thanks for your prompt reply Yogesh! It works perfectly!