Header hover in showcase theme behaves strangely

Store Design
, ,
1

Hello all and forgive me for my first post immediately asking for support ;-).

On my shop (Raintap.eu) with Showcase theme (v. 6.0) my header doesn’t behave like I want.

On the homepage it’s all fine, link texts are white (active, hover, always). But on other pages, such as the contact page, it’s grey and only turns white when hovering over it.

I thought the header style was applied everywhere and I can’t seem to find where this changes.

On the homepage it’s fine, but on all other pages it isn’t.

thanks for any help! :slightly_smiling_face:

Alef

2

@alefa
Add below css into styles.css file

body:not(.header-section-overlap) .site-control:not(.nav-opaque) .site-control__inner a, body:not(.header-section-overlap) .site-control:not(.nav-opaque) .site-control__inner .disclosure__toggle {
    color: white !important;
}
body:not(.header-section-overlap) .site-control:not(.nav-opaque) .site-control__inner svg, body:not(.header-section-overlap) .site-control:not(.nav-opaque) .site-control__inner .cart {
    fill: white !important;
    color: white !important;
}

Ujjaval_0-1678710216850.png
Ujjaval_0-1678710216850.png1584×793 20.9 KB

1 Like
3

Hello @alefa

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you.

  1. Go to Online Store → Theme → Edit code.

  2. Open your assets/styles.css theme file.

  3. Add the code at the end of the file:

#shopify-section-header #site-control *{
  color: #ffffff !important;
}
#shopify-section-header #site-control    .cart-icon--basket1 svg{
  fill: #ffffff;
}
#shopify-section-header #site-control #lang-list-header a{
    color: #454f5b!important;
}
#shopify-section-header #site-control  .icon-menu__bar{
  background: #ffffff !important;
}

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

1 Like