How to deactivate theme header hover-over effect

  • Resolved rfwrites

    (@rfwrites)


    4 years, 6 months ago

    So you know how when you mouse-over the stuff in the header (e.g. the site name/description and the slide-open menu toggle) it kind of brightens? Is there a way to turn that off, so it’s always in that brightened state without you having to mouse-over it?

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi there!

    Could you please share the URL of your site so that we can have a look?

    Thread Starter rfwrites

    (@rfwrites)

    @fresatomica

    Sure, my site is ryanfinchwrites.com

    (BTW, as you’ll see, I’ve replaced the site name/description in the header with a dark mode toggle button.)

    Thanks for that. You’d need some custom CSS to maintain the hover effect even when not hovering over that element.
    I’m afraid, however, that it’s not something we can help you with as it’s out of scope of our support.

    Thread Starter rfwrites

    (@rfwrites)

    Went and figured it out for myself.

    For anyone else who wants the stuff at the top of the page to always be at full visibility (and thus not increase in visibility when you mouse-over it), insert this code snippet into the Additional CSS box:

    

.site-header {
	opacity: 1;
}

.menu-toggle {
	opacity: 1;
}

    Marking this thread as resolved now.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to deactivate theme header hover-over effect’ is closed to new replies.