Thanks, you too!
Topic summary
Goal: Move slideshow arrows onto the slides (not below), and address mobile behavior in a Shopify (Dawn) theme.
Key changes implemented:
- Added custom CSS via Theme settings to absolutely position .slider-buttons centered over the slideshow, stretch full width, and hide the counter/autoplay controls. Outcome: Works as intended for the requester.
- Follow-up CSS update: removed white background for arrows (transparent), increased arrow icon size (2rem), and set arrow color to white. Outcome: Confirmed working.
Mobile/menu adjustment:
- Issue: Arrows appeared over the mobile menu (Globo Mega Menu). Update: Reduced z-index of .slider-buttons from 9 to 2 to prevent overlay in the menu. Outcome: Not explicitly confirmed; separate request to limit the menu to 75% screen width was raised but not addressed with code.
New report:
- Another user cannot click a “Sweaters” catalog button over the slide after adding the CSS. Cause and fix not discussed yet.
Notes:
- One participant could not reproduce the original “weird” mobile tap issue.
- Code snippets are central; screenshots are illustrative but not required.
Status: Partially resolved; last clickability issue and menu width request remain open.