Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1386399
    danbfx2
    Participant

    Hi
    I am trying to get the naxbar to overlay the revolution slider. The slider is a background video. I have checked the forum and found a couple of similar posts, but I can’t seem to get it to work with the code provided.
    This is an example of what I am trying to do: https://unity3d.com/

    Here is a link to my site: http://big3d.co/home-2

    I am running WP 4.7.2, X version: 4.6.4, Cornerstone version: 1.3.3

    Any help would be appreciated.
    Thanks in advance

    #1386686
    Nico
    Moderator

    Hi There,

    Thanks for writing in.

    Through inspect element, I have able to move the revolution slider overlay to the navbar. What I did is to make the navbar transparent then move the slider by margin-top:-80px.

    Your Navbar is aldready transparent so all you need to do is to add margin-top to the revslider. Add this in your customizer > Custom > CSS:

    .x-slider-container.below{
        margin-top: -80px;
    }

    To remove the navbar shadow and border,

    .x-navbar{
    border:none;
    box-shadow:none;
    }

    Let us know how it goes.

    Thanks.

    #1387139
    danbfx2
    Participant

    Thanks, I tried that, but it did not seem to work. Here is a screen shot

    #1387152
    Christopher
    Moderator

    Hi there,

    The code should work. Please find this code and close curly bracket :

    *::-webkit-media-controls-start-playback-button {
      display: none!important;
      -webkit-appearance: none;

    Thanks.

    #1387225
    danbfx2
    Participant

    Thanks, that did the trick. appreciate your help

    #1387229
    Paul R
    Moderator

    You’re welcome! 🙂

  • <script> jQuery(function($){ $("#no-reply-1386399 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>