NO BUG: Product gallery slider gap mobile breakpoint dont work

Bugs
1

i set product gallery to slider,
and set gap 1px,
but dont work

Snipaste_2024-04-01_00-00-08
Snipaste_2024-04-01_00-00-081737×984 110 KB

2

and, how to set the arrow margin

Snipaste_2024-04-01_00-03-12
Snipaste_2024-04-01_00-03-121832×981 102 KB

3

get it,
if set in desktop, the mobile set will not work

4

Hi @timchen ,

Thanks for the report. The Gap setting only take the base breakpoint value.
I have recorded this in the bug tracker.

For the arrows position, you can only adjust them by using custom CSS.

Example:

%root%.thumbnail-slider .flex-direction-nav a.flex-prev {
  left: 10px;
}

%root%.thumbnail-slider .flex-direction-nav a.flex-next {
  right: 10px;
}

Regards,
Jenn

5

Hi @timchen ,

Just wanted to update this thread.
After discussing with the team, we realized this is the limitation of the flexslider which is unable to take gap settings based on different breakpoints.
Flexslider is the library used in the WooCommerce product gallery,
http://flexslider.woothemes.com/

Regards,
Jenn