Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 12, 2017 at 3:26 pm #776696
    agreatescape

    Having an issue with the Accordion Slider in tablet or mobile view.
    I’ve set the images to match the settings in the Accordion Slider (1000×564) and they look fine on my desktop
    but when I try to view it on my tablet or phone the images are getting squashed.
    Anything I can do to fix that?

    Thanks in advance!
    Nate

    April 12, 2017 at 3:59 pm #776744
    Jordan Shannon

    Hey Nate,

    Can you please provide a screenshot of the mobile view. The default behavior should be to open within a lightbox on mobile.

    Best regards,
    Jordan Shannon

    April 12, 2017 at 4:02 pm #776752
    agreatescape

    Sure thing!
    I’ve attached the mobile and tablet view.

    Mobile: https://www.dropbox.com/s/ye74igcn4sxwax6/Screen%20Shot%202017-04-12%20at%2010.00.12%20AM.png?dl=0
    Tablet: https://www.dropbox.com/s/wqup0gcxtmqfl5i/Screen%20Shot%202017-04-12%20at%2010.00.31%20AM.png?dl=0

    April 12, 2017 at 4:16 pm #776773
    Jordan Shannon

    Hi,

    This is a fix that would require a fair amount of customization. Someone with decent jquery/js skills anD css3 skills would basically he need to write a script which changes the size/height of the slider based on the screen resolution.

    A quick solution would be to use a separate kind of gallery to display the images that would only be shown on mobile.

    Best regards,
    Jordan Shannon

    April 12, 2017 at 4:27 pm #776791
    agreatescape

    True, it’d be easier to switch out. Didn’t know if there was a quick fix. Thanks for checking!

    Nate

    April 12, 2017 at 4:28 pm #776794
    Jordan Shannon

    Hi,

    No problem at all. If you need additional help, please don’t hesitate to let us know here on the forums.

    Best regards,
    Jordan Shannon

    February 21, 2022 at 10:41 am #1341602
    gibbymedia

    I may have found a solution. I am a beginner and mostly dabbler in CSS, so I don’t even know if this might help the original situation. Thought I would share anyway to possibly help someone else out (5 years later, lol).

    I was having the issue as well where in the accordion slider where the images were squished. I found some css with google for a similar situation; to put in quick css and just thought I would take a chance in my experience and swap out paramaters with ones I needed. For my case, I swapped “max-width” with “min-width”, and changed a pixel value to a percentage to hopefully maintain the right width; to produce the code below that solved my problem.

    I will probably

    #accordion_slider_1 .aviaccordion {
    min-width: 100% !important;
    }

    February 21, 2022 at 1:53 pm #1341641
    Yigit

    Hey @gibbymedia,

    Thanks for sharing your solution! :)

    Let us know if you have any questions and enjoy the rest of your day!

    Cheers!
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Accordion Slider is squashing images’ is closed to new replies.