Hello! Please assist with a code move the search bar closer to the shopping bag. This is the view on mobile. Dawn theme RIGHTEOUS OFFICIAL [Screenshot 2024-10-30 200827.png]

@ErhatRO - please add this css to the very end of your base.css file and check, Shopify Admin → Online Store ->Theme → Edit code → base.css @media screen and (max-width:749px){ .header__icon--search{width: 1.4rem;} }

Correct Icon Spacing on Mobile View

Store Design

ErhatRO November 1, 2024, 4:00am 3

This is perfect!

Thank you!

Topic		Replies	Views
Mobile shopping and search icons are all over the place Store Design design , css	1	7	October 26, 2022
ENVY theme: lessen spacing between search icon and cart in header on mobile? Store Design	6	33	August 19, 2021
How can I adjust the space between search and cart icon in mobile view? Store Design	4	10	January 5, 2022
Search icon in mobile view is not working Store Design customizations , shopify-themes	5	53	April 17, 2023
Hey You! Do you know how to move the search icon (on mobile) from left to right? Store Design	2	13	August 3, 2021

Correct Icon Spacing on Mobile View

Related topics