Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 5, 2017 at 7:24 am #772259
    Byrne

    Hi There

    I am using a layer slider on the homepage, it looks good on the desktop but is not responsive on the iPad or smartphone. I’ve tried every combination of settings I can think of.

    The text seems to be responsive but the small image in the bottom right had corner is falling off the page.

    The rest of the website has 25px padding either side of the container, I would like the slider to have the same padding so it aligns both sides on the iPad.

    I was hoping to have the background image aligned top right also

    Can you please have a look for me? Login details below.

    April 6, 2017 at 7:24 am #772989
    Rikard

    Hey Byrne,

    Thanks for the login details, on what page are you having this problem? Please link to it directly so that we can have a closer look.

    Best regards,
    Rikard

    April 6, 2017 at 11:15 pm #773585
    Byrne

    Hi There

    The Layerslider is on the home page, link below.

    Cheers

    April 11, 2017 at 5:54 am #775794
    Ismael

    Hi,

    Please edit the layers then go to the Links & Attributes panel. Apply a unique css class attribute to the layers. We modified the “signup” button to give you an example. You can find the css adjustments in the Quick CSS field. 

    @media only screen and (max-width: 768px) {
    .ls-wrapper > .signup_button {
        margin-left: -60px !important;
    }
}

    Best regards,
    Ismael

    April 13, 2017 at 4:20 am #777006
    Byrne

    Great, thank you, that’s perfect!

    April 13, 2017 at 7:45 am #777084
    John Torvik

    Hi,

    Let us if you have any future question :)

    Best regards,
    John Torvik

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