Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 7, 2014 at 4:06 pm #248255
    sspag

    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!

    April 7, 2014 at 4:14 pm #248256
    Yigit

    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

    April 7, 2014 at 5:46 pm #248320
    sspag

    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”…

    April 7, 2014 at 5:48 pm #248322
    Yigit

    Hi!

    Try following code instead

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

    Regards,
    Yigit

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