Please can you advise how I reduce the border size on mobile devices only. I have it set to 10px and that is perfect for tablets and desktops but I would like to reduce it or even remove it on mobiles.
I have to admit that I don't understand which border size are we talking about here? Would you please create a screenshot of the image gallery and mark on it which border you would like to reduce on mobile devices?
you should use CSS media queries in order to target a specific mobile device width and then use a code like this one, which you will include in media query
Hi
Please can you advise how I reduce the border size on mobile devices only. I have it set to 10px and that is perfect for tablets and desktops but I would like to reduce it or even remove it on mobiles.
Please can you advise?
Thanks
G
Hi,
without the URL to the site we can't suggest anything
Regards,
Igor
Hi
The url is (lisas-design.co.uk)
Take Care
Lisa
Hi,
where on your website can I see Unite gallery?
Regards,
Igor
Hi
http://lisas-design.co.uk/past-events/clives-cumbrian-way-2016
Take Care
Lisa
Hi,
I have to admit that I don't understand which border size are we talking about here? Would you please create a screenshot of the image gallery and mark on it which border you would like to reduce on mobile devices?
Regards,
Igor
Hi
Please find attached the screenshot you requested. I would like to reduce the border width on smaller devices.
Hi,
you should use CSS media queries in order to target a specific mobile device width and then use a code like this one, which you will include in media query
.ug-item-wrapper img { border: 0px !important; }Regards,
Igor