Correct Icon Spacing on Mobile View

Solved

Correct Icon Spacing on Mobile View

ErhatRO
New Member
19 0 3

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

Accepted Solution (1)

suyash1
Shopify Partner
9959 1236 1575

This is an accepted solution.

@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;}
}
Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Replies 2 (2)

suyash1
Shopify Partner
9959 1236 1575

This is an accepted solution.

@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;}
}
Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
ErhatRO
New Member
19 0 3

This is perfect! 

Thank you!