Hi, I have a question: how can I move the red circle closer to the left side and the yellow circle closer to the right side, and reduce the distance between the magnifying glass and the shopping cart?
Hey @Bajgor
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above </ body> tag
<style>
@media screen and (max-width: 767px) {
header {
padding-left: 10px !important;
padding-right: 10px !important;
}
.header__icon .svg-wrapper {
justify-content: flex-end !important;
}
}
</style>
RESULT:
If I managed to help you then a Like would be truly appreciated.
Best,
Moeed
How to center text “Styloweplakaty”?
Replace your current code with this code instead
<style>
@media screen and (max-width: 767px) {
header {
padding-left: 10px !important;
padding-right: 10px !important;
display: flex !important;
justify-content: space-between !important;
}
.header__icon .svg-wrapper {
justify-content: flex-end !important;
}
a.header__heading-link.link.link--text.focus-inset {
left: 20px !important;
position: relative;
}
}
</style>
RESULT:
If I managed to help you then a Like would be truly appreciated.
Best,
Moeed
Is it possible to make the space between the magnifying glass icon and the shopping cart even smaller?