How to add custom text on the left of search, both on PC and mobile version.
Please kindly advise how to do it, thank you.
Hi @InnoTier
Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings
summary.header__icon.header__icon--search:before {
content: 'Search';
margin-right: 4px;
}
summary.header__icon.header__icon--search {
text-decoration: none;
display: flex;
flex-direction: row;
align-items: center;
width: max-content;
}
So please open the theme.liquid file, add this code after
Wow! It works and your direction is really clear and easy to follow for those don’t know coding.
Btw, could you also help advise how to add custom text ‘HK SAR’ to the left of language selector, both in Pc and mobile version? where used to be currency selector, but I hide it. Thank you!
custom text in PC:
Custom text in Mobile:
