Goal: hide/remove the first two cells in a section on a Shopify collection page.
Context: A preview URL with a password was shared. Screenshots illustrate the layout before/after the CSS changes.
Attempts:
Issue: The current selector pattern targets all grid cells except the last, so non-product elements (filters/CTAs) within the same grid are also hidden.
Needed: A more precise approach that hides only the first two product cells while preserving filter/CTA elements. Options include:
Status: Unresolved; request for a fix that keeps the “Price” filter and CTAs visible while removing only the first two cells.
Hello, I need assistance removing the 1st and 2nd cell within a section. I have a code that I’ve written to add into the theme liquid file, but not sure what I am missing. I only targeted the 1st cell to test/delete, but nothing is happening. Any help?
https://2d26b3.myshopify.com/collections/all
pw: reishi
This is David at SalesHunterThemes.
Try to use this CSS code to hide the element as you want.
.products .intro x-grid x-cell:not(last-child) {
display: none;
}
@David_SHT Your solution removed the entire section, so I mixed your code with a little of my own.
section.intro x-grid > x-cell:not(last-child){
display: none;
}
This gives the desired look I want, but the “Price” filter and CTA’s disappeared. Any fix around this?
