Navigation
Archive / How to set up fullscreen revolution slider (transparent navbar/topbar/menus)
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 16, 2016 at 3:17 am #1133166
    2BlackSheep
    Participant

    Hello!

    Loved building a website with your beautiful product. We want to make the header/footer transparent and ‘float’ over the revolution slider (which is revolving images). How can we do this?

    website:
    http://www.radhikaagarwala.com
    WP:4.5.3
    xtheme:4.6.1
    cornerstone:1.3.0

    Thanks for the help! Looking forward to a fantastically beautiful website!

    August 16, 2016 at 7:27 am #1133425
    Christian
    Moderator

    Hey there,

    It is achievable but the site’s border must be removed though. Please add the code below in your Appearance > Customize > Custom > Global CSS

    .x-boxed-layout-active .site {
    border: 0;
}

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

    Then, adjust the top margin of your first section containing the slider to -61px (see attachment). See the 2nd attachment for the expected result.

    Hope that helps. 🙂

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