Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 11, 2022 at 3:31 pm #1344146
    AnnemarieDoolin

    Hi Genius’,

    Is there a way to make a product slider revert to only 1 column on devices (max-width: 428px) and 2 columns on devices (max-width: 640px). I plan to use 5 column product sliders on desktop on every page. Link to current page with slider

    I have searched and found this thread but I couldn’t adapt it as it requires adding to the functions file which I wanted to avoid. I also wanted to avoid the duplication method as I’m hitting the argument with third parties that Google is classing the double slider as “double content”.

    Very best wishes,
    Annemarie

    March 12, 2022 at 11:31 am #1344193
    Rikard

    Hey Annemarie,

    It’s breaking to 1 column at 479, and to 2 columns at 767. I think that there would not be much of a point in changing those break points?

    Best regards,
    Rikard

    March 14, 2022 at 11:56 am #1344377
    AnnemarieDoolin

    Hi Rikard, yes thanks. I take your point… my APOLOGIES it was MY MISTAKE because on mobile, I saw the first two products stacking and the slider arrows still showing between the two products which made me think I would be viewing 2 products at a time but now I see all 5 products were stacked so I will just find a way to make the arrows disappear on mobiles less than 479.
    Thanks for your valuable time!
    — Annemarie

    March 14, 2022 at 3:34 pm #1344417
    Yigit

    Hi Annemarie,

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
@media only screen and (max-width: 480px) {
.avia-product-slider-container .avia-slideshow-arrows {
  display: none;
}}

    Best regards,
    Yigit

    March 14, 2022 at 4:27 pm #1344434
    AnnemarieDoolin

    Wow, you guys go beyond, THANK YOU Yigit, I wasn’t even expecting you to fix it for me… you made that so easy for me!
    Best wishes,
    — Annemarie

    March 14, 2022 at 4:54 pm #1344439
    Yigit

    Hi Annemarie,

    You are welcome! Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Product Slider – Revert to 1 column on mobile’ is closed to new replies.