Red line not showing up on smartphone

@gabby_wordpress – I would suspect this would be within your theme’s styles and/or the custom styles you are using for smaller viewports … I would suggest looking at the padding values you are using between the images as that appears to be lost when the viewport is smaller than a “standard” monitor/laptop screen size.

– Cais.

Hi Cais,

On the page I have the following short code:

[ngg_images gallery_ids=”3″ display_type=”photocrati-nextgen_basic_thumbnails” number_of_columns=”3″ override_thumbnail_settings=1 thumbnail_width= 350 thumbnail_height= 350]

What I have in Custom CSS is the following:

.ngg-gallery-thumbnail span { text-align: left !important; }
.ngg-gallery-thumbnail img {border:1px solid #ea0d2c !important; }

@gabby_wordpress – Your images in the display are resizing appropriately for a smaller viewport so, again, you should be looking into your theme’s CSS for how to adjust the image properties appropriately (maybe check the theme’s @media_query definitions?) … as the custom CSS (above) specifically related to NextGEN Gallery images will not be affecting the views you are seeing.

Thanks!

– Cais.

I got in touch with the support of the forum that I use and I will share the code that solved my issue with the red lines

.ngg-gallery-thumbnail {float: none; }
.ngg-gallery-thumbnail > a { display: block; }
.ngg-gallery-thumbnail > a > img { box-sizing: border-box; max-width: 95% !important; }

@gabby_wordpress – Hmm … thank you very much for sharing this!!

– Cais.