Hi, does anyone know how to remove the empty space above and below the full-width image banner on my website’s mobile homepage? Instead of zooming/cropping the banner I want to display the full width of the image, but I need to remove that empty space above and below the banner. I tried messing with the css but couldn’t seem to figure it out. My website is magpho.net for reference. Here’s a screenshot of the page on mobile. I circled the space I want to remove in red:
Which mobile phone you are using to see this, @magpho ?
It is the default theme structure that works with the entire CSS class. However, this can be resolved by creating custom CSS tailored to those specific devices. To assist you better, could you please provide details about the device you’re using? This would include the device model, operating system version, and browser information.
Once we get this, I can check and help you with the CSS change!
Best,
Priyal T
Navigate Commerce