A user encountered a CSS layout issue in the Dawn theme where a magnifying glass icon overlapped the word “Search” in the header. They had previously added code to display “Search” and “Log In” text next to the “Cart” element.
Solution provided:
assets/base.css that:
Outcome:
The CSS fix successfully resolved the overlapping issue. The discussion is now closed with the problem solved.
I received code earlier and it got me the word “search” and the word “Log In” which is what I wanted in the header next to “Cart” but I must have done something wrong because the magnifying glass is on top of the word “Search”.
Using Dawn theme.
Did I need to remove the icon in another line of code?
https://uniquegiftsandkeepsakes.com/
geefle
Thank you in advance!
Hey
add this code at the end of assets/base.css
summary.header__icon.header__icon--search {
width: 10rem;
}
summary.header__icon {
display: flex ;
justify-content: space-between; }
It worked thank you!
Glad to hear that 