Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 26, 2017 at 4:50 am #829913
    ktsimeon

    Hi there, is there any way I can align my full screen slider image to the left when viewed on mobile? At present it is centered which doesn’t look good as my full screen slider is made up of 2 images side by side so on mobile you only end up seeing a 1/4 of each image when centered. If I align to the left then should I be able to see at least the left image in full? Or do you know a way where the whole image can be seen?

    July 29, 2017 at 1:04 pm #831468
    Victoria

    Hey ktsimeon,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    July 30, 2017 at 11:20 pm #831918
    ktsimeon
    This reply has been marked as private.
    August 2, 2017 at 8:11 am #833248
    Ismael

    Hi,

    Thank you for the info. Please try the following css code.

    @media only screen and (max-width: 989px) {
  /* Add your Mobile Styles here */
  .avia-fullscreen-slider .avia-slideshow>ul>li {
      background-position: left center !important;
  }
}

    You can also use percentage values. Please note that this modification will affect every full screen slider in the page so adding a custom css class attribute to a specific element will help.

    // http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Best regards,
    Ismael

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