Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1235363
    my u
    Participant

    I want to add a full width slider, but would like it to show my logo and menu on top of the slider.

    I read about changing an offset container and put .masthead, but can’t figure out where that is in revolution slider v.5.2.6

    If that’s the case, can you give me hint?

    Thanks

    #1235655
    Christopher
    Moderator

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    #1235998
    my u
    Participant
    This reply has been marked as private.
    #1236300
    Rue Nel
    Moderator

    Hello There,

    Thanks for providing the information. The offset container is only available if your slider layout is “Fullscreen”. Please see this screenshot: http://prntscr.com/d0oajd

    By the way, I noticed that you have added the Facebook Pixel the wrong way. To make sure that you are doing it right, please check out this topic: https://community.theme.co/forums/topic/facebook-pixel-code/#post-825188

    Hope this helps.

    #1238731
    my u
    Participant

    Thanks, now it appears, I should put .masthead inside? If I understood, that will move the slider up into the .masthead element?

    Is it possible to change opacity into that element, or make it completely transparent?

    I’ll check the fb pixel info, thank you for noticing. 🙂

    #1238850
    Christopher
    Moderator

    Hi there,

    Yes, if you add .masthead in containers field., you’ll have full screen slider up to .masthead class.

    To make navbar semi transparent, please add following code in Customize -> Custom -> Global CSS :

    .x-navbar {
        background-color: rgba(0,0,0,0.5) !important;
    }

    To make it fully transparent, add following code :

    .x-navbar {
        background-color: transparent !important;
    }

    Hope it helps.

    #1240098
    my u
    Participant
    This reply has been marked as private.
    #1240369
    Paul R
    Moderator

    Hi,

    Please remove .masthead as offset then add this in custom > Edit Global css in the customizer.

    
    body .masthead {
       position:absolute;
       width:100%;
    }
    
    body .x-navbar {
        background-color: transparent !important;
    }
    

    Hope that helps.

    #1241250
    my u
    Participant

    Thanks! 😀

    #1241544
    Jade
    Moderator

    You’re welcome!

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