Hi everybody and thank you for the WP theme.
I have a problem with the Layer Slider in my homepage when displayed on mobile screens.
Everything is too small and not readable.
I’ve tried to read similar topics, but can’t find the solution.
Can you please help me?
Thank you
Hey takozzo,
Are you speaking of the buttons on the slider disappearing also?
Best regards,
Jordan Shannon
Hi Jordan and thank you for your reply.
The buttons disappear because i added some custom css for this problem.
But this is not my main point.
Do you have any clue?
Feel free to touch the css code as you prefer to solve the problem.
Thank you
Al
I am just trying to understand your exact needs before I make any changes. So you are needing the “We Empower You” text to be larger?
Best regards,
Jordan Shannon
All the slider bigger, as long as the buttons text is readeble.
Thank you
Al
Hi Jordan, any changes?
Thank you
Alberto
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.home h1.ls-l {
font-size:30px!important;
line-height: 10px!important;
left:40%!important;
transform:translateX(-20%)!important;
position:relative;
}
Best regards,
Vinay
Hi Vinay and thank you for your reply.
The code you wrote didn’t work.
My request is to have (only in mobile mode) the two buttons of the home slider bigger.
https://dl.dropboxusercontent.com/u/8071370/Schermata-2017-03-03-alle-09.30.34.jpg
Do you have any suggestions?
Thank you.
Hi,
use this code instead:
@media only screen and (max-width: 767px) {
img#business, img#personal {
width: 129px !important;
height: 50px !important;
}}
and adjust as needed.
Best regards,
Andy