Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 14, 2021 at 12:34 am #1328900
    havi

    Hi guys,

    Trying to keep the issues separately. ;) When I click on the second item on the Menu (Full Page Overlay) it activates what’s behind it on the page. So instead of clicking through to the Menu Item, I start a video that is on the page.

    To reproduce:
    Visit https://staging-mindcrowd.kinsta.cloud select the Hamburger Menu (you will see a dark play arrow that shows up right under FAQ) but click on About MindCrowd and you will actually start the video that is set to start on User Interaction.

    Help!

    Nobody should be clicking on anything but the Menu items.

    Thank you so much in advance!

    Havi

    November 14, 2021 at 2:18 pm #1328930
    Mike

    Hey havi,
    Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    #top.home .avia-video .av-click-to-play-overlay .avia_playpause_icon {
    display: none;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    November 16, 2021 at 8:34 pm #1329261
    havi

    Hi Mike,

    It did not work. It clicks the embedded video below the menu item and starts playing the video. You remain on the full page display video.

    Cleared browsers. Went incognito. Did not respond.

    Help!

    Thank you!

    Havi

    November 17, 2021 at 1:44 am #1329285
    Ismael

    Hi,

    Thank you for the update.

    That is a bit odd. Try to use this css code to move the #header container higher in the stack order and ensure that the menu overlay actually covers the main content container. 

    #header {
    position: relative;
    z-index: 9999;
}

    Please make sure to remove the browser cache before checking.

    Best regards,
    Ismael

    November 17, 2021 at 1:56 am #1329287
    havi

    Thank you, Ismael!!! It worked like a charm!!! Should I remove this part? (I would rather remove what we don’t need so we don’t have any other issues later) ;)

    /*avoid play of youtube on mobile menu*/
    #top.home .avia-video .av-click-to-play-overlay .avia_playpause_icon {
    display: none;
    }
    #top #wrap_all .av-burger-overlay-scroll {
    background-color: #163248;
    opacity: 1;
    }

    One down, a few more to go!! :)

    Warmly,

    Havi

    November 18, 2021 at 4:01 am #1329404
    Ismael

    Hi,

    Glad it worked! Yes, you can remove the previous css code that removes the play/pause icon.

    #top.home .avia-video .av-click-to-play-overlay .avia_playpause_icon {
   display: none;
}

    Best regards,
    Ismael

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