Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #248255

    Hi,

    we’re using the new transparent header with the fullscreen-slider (great feature, btw). The header changes from transparent to normal by scrolling down. Is it possible to achieve this on “mouse over”?

    On dark slides it’s easy to see the menu – but not on bright ones. I would like to help the user by “activating” the menu on mouse over – so it get’s readable on brigth slides.

    Thanks for your help!

    #248256

    Hey sspag!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    #header_main:hover { background: red; 
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out; 
    transition: background 0.5s ease-in-out; }

    Best regards,
    Yigit

    #248320

    Thanks for the quick reply, Yigit. But it would be great to have some transparency for the background. If I apply opacity to #header_main the logo and the menu also get transparent… Perfect would be to trigger the mechanism for “scrolling” by “mouse over”…

    #248322

    Hi!

    Try following code instead

    #header_main:hover { background: rgba(255,255,255,0.6); }

    Regards,
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.