That helped for the desktop view but now the arrows disappeared from the mobile view
Topic summary
A user is customizing their Shopify homepage slideshow, initially wanting to reposition navigation arrows from underneath the slideshow to the sides of the images to eliminate wasted space.
Progress made:
- Successfully moved arrows to desired position on desktop
- Encountered secondary issue: extra empty space remained below images after repositioning
Current problem:
After applying CSS code to remove the extra space and reposition arrows, the arrows now display correctly on desktop but have disappeared from mobile view.
Solutions offered:
- Multiple CSS code snippets provided to add to theme.liquid file above tag
- Alternative simpler CSS solution suggested using absolute positioning for slideshow controls
Status: Unresolved - the user still needs a solution that works across both desktop and mobile views. The discussion includes code snippets and before/after screenshots demonstrating the changes.