Move Cart Icon Closer To Announcement Header - To the Right

[dmwwebartisan]

@NeginA

Remove the previously provided CSS code.

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;   justify-self: right !important;}
}

[NeginA]

that didn’t seem to work

[dmwwebartisan]

@NeginA

that is work now please check screenshot

[NeginA]

I added the code and it’s not moving for me?

[dmwwebartisan]

@NeginA

Please share the screenshot of your screen and clear the browser history and check again!

Thanks!

[NeginA]

[dmwwebartisan]

@NeginA

Please clear your browser history and check the site otherwise contact the other Shopify expert.

Thanks!

[NeginA]

Did I input code correctly?

[dmwwebartisan]

@NeginA

Yes, you added the code correctly, and my side search icon displays correctly on the right side.

[NeginA]

Okay I will figure that out, thank you so much for your generous help! I have one more question… I placed background image for the entire website - which I am okay with but I do not want background image to be on my announcement banner up at the top…can you help?

the code I used is on line 342 starting with .gradient

[NeginA]

Actually..with that search code…this is the error im seeing

[dmwwebartisan]

@NeginA

ok Please wait.

[dmwwebartisan]

@NeginA

Please try this code

@media screen and (min-width: 750px){
.utility-bar.gradient {
    background: #fff !important;
    background-image: unset !important ;
}
}

[NeginA]

Thank you so much! This worked great!! My cart icon disappeared though…because announcement banner is black and so is the cart icon

[NeginA]

I still have this error