Main issue: remove the gap between a Rich text and an Image banner in the Sense theme. Solution provided and confirmed: add a CSS rule targeting the specific banner section ID to set margin-top: 0.
Second request (another store): remove spacing between five banners so they touch. Solution provided and confirmed: set .section+.section { margin-top: 0 !important; } with an additional mobile (max-width: 749px) variant.
Further layout request: make “Text columns with images” show five images in one row on desktop and a one-at-a-time slideshow on mobile. Desktop solved by setting .grid–flush-bottom > .grid__item { width: 20%; } for min-width: 749px. Mobile slideshow (with arrows/auto) still pending.
Additional header changes requested (desktop: centered logo, left menu, right cart, no search, larger bold Lora; mobile: menu left, logo center, cart right). No solution posted yet.
Images/screenshots were provided to illustrate spacing and results. Status: several issues resolved via CSS; thread remains open for mobile slideshow and header layout.
Hello,
Can you help me again:
https://mfvxxq-kt.myshopify.com/
0876624960
I would like the Text columns with images section to display the 5 images in a single row side by side for the desktop version.
For the mobile version, I would like them to appear one image at a time in a slideshow, with navigation arrows or automatic transitions if possible.
Could you please help me with this code?
Thank you!
