Support » Theme: Scrawl » How to deactivate theme header hover-over effect

  • Resolved rfwrites


    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?


    Sure, my site is

    (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.

    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)
  • You must be logged in to reply to this topic.