Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 24, 2017 at 12:39 am #843330
    maggie8741

    Hello,

    Thank you for a great theme.

    The Full screen slider on our home page looks great on desktop. However, the images are cut off on mobile. Is there a way that we can show the full images on mobile as well?

    Thank you!

    M

    August 24, 2017 at 8:14 am #843368
    John Torvik

    Hey maggie8741,

    To works better, you can replace the image enabling the custom class here: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and add a custom code like here:

    
 @media screen and (max-width: 769px) {
    #yourCustomClass {
      background-image: url('IMAGE URL');
    }
}

    Best regards,
    John Torvik

    August 25, 2017 at 12:14 am #843746
    maggie8741
    This reply has been marked as private.
    August 26, 2017 at 3:41 pm #844354
    maggie8741
    This reply has been marked as private.
    August 29, 2017 at 5:36 am #845186
    Ismael

    Hi,

    Please use the following css code:

    @media only screen and (max-width: 989px) {
.fullscreenslider .slide-1 {
    background-image: url(REPLACE-THIS-IMAGE.jpg) !important;
}

.fullscreenslider .slide-2 {
    background-image: url(REPLACE-THIS-IMAGE.jpg) !important;
}

.fullscreenslider .slide-3 {
    background-image: url(REPLACE-THIS-IMAGE.jpg) !important;
}

.fullscreenslider .slide-4 {
    background-image: url(REPLACE-THIS-IMAGE.jpg) !important;
}
}

    Replace the desktop images with the mobile images. Please note that the slider cuts off parts of the slider image in order to keep the images’ aspect ratio. We can set the “background-size” property to “contain” or “100%” but it will distort the slider images or leave white spaces around the slider container.

    Best regards,
    Ismael

    August 30, 2017 at 5:23 am #845571
    maggie8741

    Thank you!

    Now my slider completely went blank on mobile. I then deleted all the codes, and the slider is still showing blank…not sure what happened. Could you please take a look at it? Thank you so so much for all your assistance!

    M

    August 30, 2017 at 8:55 am #845692
    Ismael

    Hi,

    The site is under maintenance mode. Please post the login credentials so that we can check it again.

    Best regards,
    Ismael

    September 1, 2017 at 6:50 pm #846955
    maggie8741

    It works now! Mobile view looks great! Thank you so much guys!

    M

    September 2, 2017 at 11:47 am #847142
    Rikard

    Hi,

    Great, glad you got it working :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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