How do I get the product image to take up the whole space. Right now, there is a space above and below the product photo. I want to make it so that it is not a square but a rectangle like the “HOURS” website so that it could fill the space above, where it meets the line of the header. My url is www.whoglobal.shop
Topic summary
A user seeks to modify their product page image layout to eliminate white space above and below product photos, wanting images to extend fully to the header line in a rectangular format rather than square. They reference the “HOURS” website as their desired layout example.
Current Issue:
- Product images display with unwanted vertical spacing
- Images appear in square format instead of full-width rectangles
Proposed Solutions:
- A responder offers a layout modification (shown via screenshot)
- User clarifies they also want images to fill the horizontal space completely
Technical Consideration:
- Removing spacing between items is feasible
- Concern raised about navigation button visibility/usability if overlaid on images
The discussion remains open with implementation details still being worked out.
Almost, but I would like each picture to take up the full space horizontally too.
Hi,
That depend to the slide but we can remove the space between items, we has case here is if you want to make the button prev/next show over on image like describe image, that maybe difficult to see also touch in to.