Thank you, but it not working
Topic summary
Goal: hide a homepage section (single large image) on desktop while keeping it visible on mobile.
- A site URL (with password) was shared so the issue could be checked. The focus is on a specific banner/image section on the homepage.
- Proposed fix: add CSS in the theme’s base.css using a media query for desktop widths (min-width: 767px) to hide the section by targeting its ID (#Banner-template–18448488431883__image_banner_Vm3g8D) with display: none.
- After the initial code didn’t work, an updated suggestion added !important to the display rule to ensure it overrides existing styles.
Key technical details:
- Media query @media (min-width: 767px) applies styles to wider (desktop/tablet) screens, keeping the element visible on smaller (mobile) screens.
- The code snippet and selector are central to the solution.
Status: no confirmation that the !important update resolved the issue; discussion appears open/ongoing with unresolved outcome.