tylerhorton80

Hello, Is there a way to pin/lock the breadcrumbs to the side, so as someone scrolls down, the breadcrumbs will stay in place? I'd like the viewer to still be able to find the breadcrumbs without having to scroll back up to the top.

@tuanphan Thank you! That was VERY helpful. I altered the code slightly and this is a HUGE improvement! @media screen and (max-width:767px) { .ProductItem-gallery-slides-item, section.ProductItem-gallery { overflow: visible !important; height: auto !important; } .ProductItem-gallery-slides:before { padding-bottom: 75% !important; } img.ProductItem-gallery-slides-item-image { object-fit: contain !important; height: auto !important; } }

https://www.tylerhorton.photography/portfolio

Hello, How can I increase the size of my product images on Mobile? I've been fiddling with code I find online and nothing seems to work. I would like them to remain the correct ratio if possible--just not so tiny. then scroll down and it looks like this:

I'm referring to all of the products...There are lots. Basically every single clickable picture under the portfolio. https://www.tylerhorton.photography/portfolio

Hello, Can I get this code as well? https://www.tylerhorton.photography/ I am wanting my products to display in simple view on desktop and on wrap for mobile. Wrap worked well for mobile, but terrible on desktop. Simple View worked great on desktop, but then greatly reduced the size of the image for desktop... The only semi-fix I found was a code to display the entire image on mobile even while the products are in simple view, but with this code, while it displays the whole image, the image is very small. /* fullsize product image */ @media screen and (max-width:767px) { img.ProductItem-gallery-slides-item-image { object-fit: contain !important; } } Is it possible to have different settings for mobile and desktop? Thank you.