It seems there are fixed shapes for the columns, how do I make them stay in one place? Below is an example of my problem: [Image 17-09-2024 at 18.35 (1).jpeg] [Image 17-09-2024 at 18.35.jpeg]

Oh, Check this one. I like to use grid that flex. div#predictive-search-results div#predictive-search-results-groups-wrapper { display: grid; grid-template-columns: 1fr 0.5fr; } .predictive-search__results-groups-wrapper .predictive-search__result-group:first-child { grid-column: 2; …

Hi @lukafernada Check this one. From you Admin page, go to Online Store > Themes Select the theme you want to edit Under the Asset folder, open the main.css(base.css, style.css or theme.css) Then place the code below at the very bottom of the file. @media screen and (min-width: 750px) { .p…

Thank you it does work, but it undoes the ‘flex: 32%’ I already coded for it [Image 17-09-2024 at 18.35 (1).jpeg] How can I keep this?

How to stop PRODUCTS column squishing onto the side when there's no more collections to show

Store Design

lukafernada September 17, 2024, 11:22pm 3

Thank you it does work, but it undoes the ‘flex: 32%’ I already coded for it

How can I keep this?

Topic		Replies	Views
How do I switch the position of the PRODUCTS & COLLECTIONS column in the predictive search menu Store Design menu , design , header , collection-page , css , shopify-themes , html	3	22	September 17, 2024
Reduce size of product images on collections page - Craftis theme Store Design collection-page	19	147	October 4, 2023
Shopify 2.0 Dawn Looking to align elements on a collection page using Flex Store Design	6	81	December 6, 2021
Remove Empty Space Store Design design , collection-page , css , shopify-themes , html	4	51	August 24, 2024
How to arrange collections into two rows with Booster theme? Store Design	7	71	August 10, 2021

How to stop PRODUCTS column squishing onto the side when there's no more collections to show

Related topics