Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 8, 2014 at 3:17 am #332056
    Drebosio

    Hello all,

    I was wondering if there is a way to increase the size of a single image in a fullwidth slider on a mobile to reflect how it looks like on a desktop.

    The image, when viewed on mobile, gets constrained. Is there a way to override this?

    • This topic was modified 10 years, 2 months ago by Drebosio.
    October 8, 2014 at 5:44 pm #332581
    Yigit

    Hi Drebosio!

    You can turn on Custom CSS field for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and give your existing slider a unique CSS class ( i.e.: desktop-slider ) and create another slider right below it just to display on mobile and give it a unique class as well ( i.e.: mobile-slider ) and then add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (min-width: 769px) {
.mobile-slider { display: none !important; }}
@media only screen and (max-width: 768px) {
.desktop-slider { display: none !important; }}

    Best regards,
    Yigit

    October 8, 2014 at 9:32 pm #332727
    Drebosio

    Hey Yigit,

    Thanks for responding, that ALB feature is awesome, glad i have it activated now.

    The only thing is, once i’ve updated the css, and tested it on a smartphone…i’m not seeing a difference. the image/slider is still being forced down

    the width is fine, but i want to extend the height on mobile.

    Any thoughts on how to accomplish this?

    October 9, 2014 at 3:17 pm #333260
    Yigit

    Hi!

    Please upload different images on mobile slider. They should be smaller in width and bigger in height

    Regards,
    Yigit

    October 9, 2014 at 4:26 pm #333317
    Drebosio

    sweet thanks yigit!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Image size in mobile’ is closed to new replies.