Prestige Theme - Header is transparent and hover keeps coming up as White or Black

Store Design
1

Hello,

I have been trying to customize on CSS. The header is transparent but when I hover over it, Its coming up as white. I would like to keep it transparent. Please help!

In addition, the search bar ICON disappears when I go from mobile → desktop/fullscreen. How can I keep it all the time?

Thank you in ADVANCE! Site URL is below:

http://amanda-uprichard.myshopify.com/

https://amandauprichard.com/

2

Hi @Amanda_Uprichar

Welcome to the Shopify community! and Thanks for your Good question.

  1. Go to Online Store->Themes->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file.
.Header {
    background: transparent;
    box-shadow: none;
}
a.Header__Icon.Icon-Wrapper.Icon-Wrapper--clickable.hidden-tablet-and-up {
    display: inline-block !important;
}
a.Header__Icon.Icon-Wrapper.Icon-Wrapper--clickable.hidden-desk.hidden-phone {
    display: none;
}
3

How did you solve this? Thanks!