Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 28, 2015 at 1:48 pm #526073
    indigoflow

    Hi,

    On my homepage at the very top, I have color section which displays a video with an background overlay of 0.5 in black. We have ticked the option box to not display the video on smartphone and tablet devices, and show a background image with a header text element instead. When my website is displayed through a tablet or smartphone it still shows the 0.5 background overlay on that image and i would like to remove that but for that page specifically.

    Your help would be appreciated.

    Many thanks.

    October 28, 2015 at 2:25 pm #526091
    Yigit

    Hey indigoflow!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1024px) {
#home-video-loop .av-section-color-overlay {
    display: none;
}}

    Regards,
    Yigit

    October 28, 2015 at 2:30 pm #526095
    indigoflow

    Worked llike a dream Yigit, thanks you so much :-)

    October 28, 2015 at 2:36 pm #526103
    Yigit

    Hey!

    You are welcome, we are always happy to help!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Background Overlay problem’ is closed to new replies.