Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #753060

    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

    #753135

    Hey takozzo,

    Are you speaking of the buttons on the slider disappearing also?

    Best regards,
    Jordan Shannon

    #753227

    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

    • This reply was modified 7 years, 9 months ago by takozzo.
    #753232

    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

    #753283

    All the slider bigger, as long as the buttons text is readeble.
    Thank you

    Al

    #753644

    Hi Jordan, any changes?

    Thank you

    Alberto

    #754718

    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

    #754937

    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.

    • This reply was modified 7 years, 9 months ago by takozzo.
    #757863

    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

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.