Navigation
Archive / Transparent menu with fullscreen revolution slider
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • May 4, 2016 at 1:55 pm #913006
    MexConcept
    Participant

    Hi there!

    We’d need to setup the menu as transparent, and as floating layer in revolution slider (or have rev. slider as background), as per screenshot: http://prntscr.com/b09v8b. Currently we have the page setup as slider above masthead using Integrity 7 demo.

    Thanks!

    May 4, 2016 at 2:54 pm #913099
    MexConcept
    Participant
    This reply has been marked as private.
    May 4, 2016 at 6:54 pm #913430
    Friech
    Moderator

    Hi There,

    Thanks for writing in! Please move your slider below the masthead and add the custom css below on your customizer.

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

    Hope it helps, Cheers!

    May 5, 2016 at 11:47 am #914545
    MexConcept
    Participant

    Hi, that worked! how can we make the menu transparent?

    Thanks!

    May 5, 2016 at 11:59 am #914576
    MexConcept
    Participant

    or even better, to be able to control transparency levels.
    Thanks!

    May 5, 2016 at 1:37 pm #924014
    MexConcept
    Participant

    Hi again, just found it:

    .x-navbar {opacity: 0.75;}

    or

    .x-navbar {background: transparent;}

    Thanks!

    May 5, 2016 at 5:10 pm #965054
    John Ezra
    Member

    Glad you got it to work!

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