Thankyou! so much , i need one more help i want to place search icon opposite side , please help me i attached ss below for refrence
Topic summary
A user seeks help removing unwanted spacing on their Dawn theme Shopify store (mansaroverfurnishings.com). Multiple contributors provide CSS solutions to reduce margin below the header section.
Initial Problem Solved:
- Several users offer similar fixes: adding CSS code to
theme.liquidfile targeting.section-headeror.shopify-section-group-headerwithmargin-bottom: 0 !importantfor desktop screens (min-width: 750px)
Follow-up Requests:
The original poster then requests additional modifications:
- Search icon repositioning: Move search icon to opposite side (left) on desktop only
- Search bar background color: Change to white (#fff) for all pages
- Solutions provided using absolute positioning and background color overrides
Bug Encountered:
- Search bar white background initially only worked on homepage
- Fixed by wrapping code in conditional template check or applying globally
Additional Issues Raised:
- Image slider with text not working properly (arrows malfunctioning, displaying incorrectly)
- Unwanted element appearing under featured collection
- Solution provided to hide
.swym-buttonelement withdisplay: none
The thread remains active with ongoing troubleshooting for the slider issue.
1 Like