Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 5, 2017 at 9:56 am #755881
    Erwin

    Hi,

    I’ve add a layerslider to my site. In that slide there is a piece of text which should also be available on phones and tablets, that’s the part with the purple background. As I look at the preview in the editor, it al looks nice, but when I look at my screen and make it smaller the text is of course put over more lines, but the background belonging to it doesn’t. See the private part for a link

    Can you please help me out with the correct settings?

    I’ve added int the private parts links to some screenshots of my settings. Additional I’m using the following css:

    h1.ls-layer {
	font-weight:400!important;
	
}

.page-id-20 h1.ls-layer {
	line-height:24px!important;
	font-weight:400!important;
	max-width:800px!important;
	font-size:18px!important;
	
}

    Hope you can help me out.

    Regards,

    Erwin

    March 9, 2017 at 7:43 pm #758502
    Erwin

    Hi,

    Did someone already find time to look into this problem?

    Regards,

    Erwin

    March 10, 2017 at 4:42 pm #759003
    Andy

    Hi,

    try this code inside Quick CSS field:

    @media screen and (max-width: 767) {
h1.ls-layer {
height: auto !important;
}}

    Best regards,
    Andy

    March 10, 2017 at 5:20 pm #759037
    Erwin

    Hi Andy,

    Unfortunately, this doesn’t work. Do you have another solution/idea?

    Regards,

    Erwin

    March 10, 2017 at 6:16 pm #759071
    Andy

    Hi,

    I had a typo in my code, so use this one instead:

    @media only screen and (max-width: 767px) {
h1.ls-layer {
height: auto !important;
}}

    Best regards,
    Andy

    March 10, 2017 at 6:43 pm #759077
    Erwin

    Hi Andy,

    Thanks for the lightning fast reply!

    I’ve tried your code, but it doesn’t work. Changed it a bit to 100% and to min-height, but this doesn’t work also.

    Regards,

    Erwin

    March 13, 2017 at 2:48 pm #760030
    Andy

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Andy

    March 13, 2017 at 3:34 pm #760039
    Erwin

    Hi Andy,

    The credentials are in the private part. There aren’t much plugins, but you’re free to deactivate them.

    Thanks!

    Regards Erwin

    March 13, 2017 at 6:54 pm #760196
    Andy

    Hi,

    I added a width value to it and now it looks good to me:

    @media only screen and (max-width: 767px) {
h1.ls-layer {
height: auto !important;
width: 200px !important;
}}

    adjust if needed.

    Best regards,
    Andy

    March 15, 2017 at 10:13 pm #761653
    Erwin

    Hi ANdy,

    Thank you! Now I can adjust further.

    Regards,

    Erwin

    March 17, 2017 at 2:16 pm #762492
    Andy

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Andy

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Behaviour layerslider on smaller screens’ is closed to new replies.