overlay heading showing turning color on arrow move

[Michele113]

I have an overlay header in Capital, that shows the header as a white block when moving the mouse across that area. Is there a way to stop that from happening and  keep the image underneath from dissappearing?

[GabrielS]

Yes, perhaps through custom coding. You can share your website link for other community members to contribute, or consider to hire a web developeur.

[LitExtension · Accepted solution]

Hi @Michele113,

Go to Assets > section-header.min.css and paste this at the bottom of the file:

@media (min-width: 721px) {
  .main-header.is-fullbleed:hover {
    background-color: transparent !important;
    box-shadow: none !important;
  }
}

Hope it helps!

[Michele113]

That worked, thank you! Love that it could go under the minified code.

[Cedcommerce]

Hi @Michele113,

<style>

.main-header.is-fullbleed:hover {

background-color: transparent !important;

box-shadow: none;

}

</style>

You need to add the above code to your theme.liquid file just before the </head> tag

• Go to your Shopify admin > sales channel > online store
• Choose capital theme
• In your layout folder, you will find theme.liquid
• Find </head> tag by using shortcut ctrl+f
• Paste the code and save the changes

Hope it'll help, please accept this answer as solution if you find this helpful

All the best,
CedCommerce

[Michele113]

With this code the image stayed but the header language disappeared. Does it go above or below </head>?

[LitExtension]

Hi @Michele113,

It will be added above </head>

Hope it helps!