Product Slider Image Not resizing

Hey keifygeorge,

Thank you for the inquiry.

We didn’t find any product sliders on the page above. Did you remove them? The correct thumbnail size displays in the slider when we tested this on our own installation.

Best regards,
Ismael

Hi,
Thanks for the login, it seems that these only show when we are logged in, nonetheless, the element will fill the available width so one way is to add the element in a column that is smaller, or add more items shown in the element, I changed it to show 5 instead of 3 and you will see that it is much smaller now, please check if this will work for you, or try adding a smaller column.

Best regards,
Mike

Hi,
For mobile I added a second product slider:

and set the visibility so it will only show on very small screens:

and made the other one not show on very small screens:

Then I set the new one to only show two items and added this css so the two columns will show side-by-side and removed extra padding & margin so it will look better on small mobile screens:

@media only screen and (max-width: 479px) { 
.responsive #top #main .avia-product-slider-container.av-small-hide .products .product {
	width: 49%;
	margin: 0 1% 1% 0;
}
#top.page-id-5132 #after_full_slider_1 .template-page.content {
	padding: 0;
}
.responsive #top #main .avia-product-slider-container.av-small-hide {
	margin: 0;
}
}

The css to remove the extra padding & margin is only for this one page, let me know if you want other pages like this. Alternatively we could make the product slider with 5 columns show them side-by-side, but this takes a lot of space and the odd number of items doesn’t look as good, in my opinion, but if you like you could make the new one show four items if you wish. Take a look and try ddifferent numbers to see what you like.

Best regards,
Mike

Hi,

Glad to know that this has been resolved! Please don’t hesitate to open another thread if you have more questions regarding the theme.

Have a nice day.

Best regards,
Ismael