All the pictures of my feature collections appear very tall on mobile - Atlantic theme

Technical Q&A

Topic summary

A user reported that product images in their featured collection appear excessively tall on mobile devices when using the Atlantic Shopify theme. They provided a screenshot demonstrating the issue.

Another user requested the page URL to investigate. After receiving the link to the gourmet salts collection page, they provided a CSS solution.

Solution provided:

  • Add custom CSS to the theme.css file (Shopify Admin → Online Store → Theme → Edit code → theme.css)
  • The CSS targets mobile screens (max-width: 749px) and adjusts the product card figure height properties

Resolution: The original poster confirmed the CSS fix worked perfectly, resolving the mobile display issue.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

The pictures in my featured collection on this theme appear very tall, I am using the atlantic theme and this is what it looks like on mobile. I need HELP please!

NUM Where Tradition Meets Innovation in Salt Crafting– num.jpeg
NUM Where Tradition Meets Innovation in Salt Crafting– num.jpeg1320×2868 273 KB

2 Likes
2

@Num_Org25 Can you please share this page link?

3

Here: https://www.n-umorigins.co/collections/gourmet-salts

4

@Num_Org25 -

please add this css to the very end of your theme.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → theme.css

@media screen and (max-width:749px){
.product-grid-square .product-card-figure {height: 100% !important; max-height: 100% !important;}
}
5

Hello Suyash1, I tried and it works perfectly! Thanks SO much!