Announcement Covering Header

[TuneToyz]

 My website is TuneToyz.com Is there a way to make the header lower or making the announcement smaller so that the announcement does not cover the logo nor the cart.

[GTLOfficial]

Hello @TuneToyz 
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
add this code at the end of the file.

@media screen and (min-width: 990px) {
.header:not(.drawer-menu).page-width {
padding-top: 25px !important;
}
}
#shopify-section-sections--17965970096340__header .header__inline-menu {
margin-top: 20px !important;
}
.kaktusc-cart-icon.cart_right_top {
top: 50px !important;
}

 and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks

[TuneToyz]

hey it looks good but theres still an issue with mobile

[ZestardTech · Accepted solution]

Hi @TuneToyz 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

@media (max-width: 767px){
.header.page-width {
padding-top: 30px!important;
}
}

[TuneToyz]

Hey thanks for your help, I was just wondering if it was possible to make it so that the cart icon is more towards the right like where the menu button is but for the right. Thanks