CoralDerfurt

Thank you so much! This worked perfectly.

Hi, Thank you so much for your reply! I really appreciate your help, I've attached an image of where I want a small amount of white space. In-between the products as at the moment they are so close together. I have a bit of code on my site I will paste everything below as I'm not sure if something in there might be blocking this. Thank you so much again! Coral /* 2 Column Product Grid */ @media only screen and (max-width:640px) { .products .list-grid { display: flex; flex-wrap: wrap; justify-content: ; } .products .grid-item { width: 50%; } } /* Cart Title */ .cart-title { font-size: 0!important; } .cart-title:before { text-transform: none!important; font-size: 24px!important; content: "Shopping Cart"; } /* Sold out text */ .product-mark.sold-out { text-transform: capitalize !important; } /* Product slide arrows control */ @media screen and (max-width:767px) { .ProductItem-gallery-carousel-controls { display: flex !important; } /* arrows background */ .ProductItem-gallery-carousel-controls * { background: white; } .ProductItem-gallery-carousel-controls>div { justify-content: center !important; } .ProductItem .ProductItem-gallery-carousel-controls>div::after, .ProductItem .ProductItem-gallery-carousel-controls>div::before { border-color: black !important; } } /* Show category nav links */ div.nested-category-tree-wrapper { display: flex !important; float: none !important; min-width: 100% !important; max-width: 100% !important; margin-right: 0 !important; } section.products.collection-content-wrapper.products-list { flex-direction: column !important; display: flex; } .nested-category-tree-wrapper>ul { width: 100% !important; display: flex; justify-content: center; align-items: center; } .nested-category-tree-wrapper>ul li { margin-left: 2vw; } nav.nested-category-breadcrumb { display: none !important; } ul.nested-category-children { display: none !important; } @media screen and (max-width: 800px) { .homepage .gallery-fullscreen-slideshow { height: 53vh !important; } .homepage .gallery-fullscreen-slideshow[data-width="full"] { height: 20vh !important } .homepage .gallery-fullscreen-slideshow img { object-fit: contain !important; } } @media screen and (max-width:767px) { .collection-5e77e8500ff82c23205f2869.view-item #page section:nth-child(1) { min-height: 50vh !important; } } .page-section.gallery-section { padding-top: 0px !important; } @media screen and (min-width: 640px) { .gallery-fullscreen-slideshow { height: 120vh !important; } } @media screen and (max-width: 600px) { .gallery-fullscreen-slideshow { height: 200vh !important; // Change this value to modify gallery height on mobile } } .gallery-fullscreen-slideshow[data-show-captions="true"][data-width="full-bleed"] { margin-bottom: 0; } @media screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-children { display: block; } .products.collection-content-wrapper .nested-category-breadcrumb-list-item { display: block; text-align: left; } .products.collection-content-wrapper .breadcrumb-separator { display: none; } } /* Space between products */ @media screen and (max-width:767px) { .products.collection-content-wrapper .grid-item.is-loaded { margin-bottom: 20px; } } @media only screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-children { padding-top: 30px; flex-wrap: wrap; overflow-x: hidden; justify-content: center; } } @media only screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-breadcrumb { text-align: center; } } @media screen and (max-width: 767px) { div#block-d1ce7c4167f1c59211a0, [data-section-id="60da3910ceea0479fbfe9006"] .content-wrapper, [data-section-id="619acd562bb7196d4e128ddb"] .content-wrapper, div#block-1f282f5221a1235694a5 { padding-top: 0px !important; } [data-section-id="620c0ad499afc22e16b48e25"] .gallery.gallery-section-wrapper { height: 50vh; } [data-section-id="620c1742add4ae45a3027dce"] .gallery.gallery-section-wrapper { height: 47vh; } } @media screen and (max-width: 700px) { div#block-d1ce7c4167f1c59211a0, [data-section-id="60da3910ceea0479fbfe9006"] .content-wrapper, [data-section-id="619acd562bb7196d4e128ddb"] .content-wrapper, div#block-1f282f5221a1235694a5 { padding-top: 10px !important; } [data-section-id="620c0ad499afc22e16b48e25"] .gallery.gallery-section-wrapper { height: 50vh; } [data-section-id="620c1742add4ae45a3027dce"] .gallery.gallery-section-wrapper { height: 47vh; } } @media only screen and (max-width: 767px) { #block-c126541c7ea03f87cae9 .slide.sqs-gallery-design-grid-slide { width: 48% !important; margin: 2px; } }

Hi Please could you help me with this same issue, I would like the products on mobile to have 2 side by side with a small white gap in the middle of the products. www.scrunchme.co.uk I currently have this code on my site to have them next to each other - @media screen and (max-width: 767px) { div#block-d1ce7c4167f1c59211a0, [data-section-id="60da3910ceea0479fbfe9006"] .content-wrapper, [data-section-id="619acd562bb7196d4e128ddb"] .content-wrapper, div#block-1f282f5221a1235694a5 { padding-top: 0px !important; }

Hi, Password is: coral

I would like it to match desktop view, In one line so the text is smaller to fit on, if possible. Thanks, Coral

Site URL: https://www.scrunchme.co.uk Hi, There's a lot of white space between each section on mobile view on my website, how can I remove this space? Thanks,

Site URL: https://www.scrunchme.co.uk Hi, How do I add space between the products on my mobile view so they are not touching each other? Thanks, Coral

Site URL: https://www.scrunchme.co.uk Hi, I'm having a problem where on the mobile product page you can't read all the categories as cut off each side. Can I move them on two lines or make them smaller so they all fit on one line? site: www.scrunchme.co.uk Password: coral Thanks, Coral

www.scrunchme.co.uk Password: coral

Hi, I have so much white space between every item on my website, this code didn't work for me. Please can you help?

www.scrunchme.co.uk site password is hello

Hey, I'm having the same issue, please could someone help me with a code for this gallery section on my site. It looks perfect on desktop but zooms in on mobile, I just want it to not zoom in. Thanks, Coral