Need to move cart icon to the announcement message header but to the right
Css only for desktop
Please add the following CSS code to your assets/base.css bottom of the file.
@media screen and (min-width: 750px){
.header__icon--cart {position: absolute !important;top: 0 !important;}
}
Thanks!
CSS only for mobile
Please add the following CSS code to your assets/base.css bottom of the file.
@media screen and (min-width: 750px){
.header__icon--cart {
position: absolute !important;
top: 2rem !important;
}
.header__icon--menu {
position: absolute !important;
top: 1rem !important;
}
}
Thanks!
It moved! but still not at the top 
see picture
Please share the screenshot of what you want!
I need the cart icon at the top right corner same line as the announcement banner
This is liquid code customization work not done using CSS what do you think?
sorry not understanding…I have an announcement message bar and need the cart icon to be on the same line as it not underneath
I have an image as background but actually do not want it covering the announcement banner (I need help with this too)
Please see picture for code in base.css
Remove the previously provided CSS code.
Css only for desktop
Please add the following CSS code to your assets/base.css bottom of the file.
@media screen and (min-width: 750px){
.header__icon--cart {
position: absolute!important;
top: -2.5rem!important;
z-index: 9999;
}
#shopify-section-sections--19835239366944__announcement-bar.shopify-section-group-header-group { z-index: 0 !important;}
}
1 Like
Can you help with search icon being on navigation menu line?
Does search icon also move to top?
I would like search icon near the cart icon
Please add the following CSS code to your assets/base.css bottom of the file.
@media screen and (min-width: 750px){
.header>.header__search {position: absolute !important; top: 31rem !important;}
}
it went on the left side…how can I get it on the right side?
Please share the screenshot of what you want with an arrow!
