overlay heading showing turning color on arrow move

Technical Q&A
1

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?

2

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

3

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!

4

Hi @Michele113 ,

.main-header.is-fullbleed:hover { background-color: transparent !important; box-shadow: none; }

You need to add the above code to your theme.liquid file just before the tag

  • Go to your Shopify admin > sales channel > online store
  • Choose capital theme
  • In your layout folder, you will find theme.liquid
  • Find 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

5

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

6

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

7

Hi @Michele113 ,

It will be added above

Hope it helps!