Navigation
Archive / Making header transparent
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • December 7, 2016 at 7:06 am #1284516
    eltin7
    Participant

    Hi,

    I’d like to make my header (navigation and logo) transparent on the homepage. Please let me know how to do it.

    Here’s my site: http://www.mediadome.ro

    Appreciate your help.

    Thanks,
    Cristian

    December 7, 2016 at 8:23 am #1284597
    Thai
    Moderator

    Hi Cristian,

    Please add the following CSS under Customizer > Custom > Global CSS:

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

.home header.masthead.masthead-inline {
    position: absolute;
    width: 100%;
}

.home #x-section-1 {
    background-position: 50% 0 !important;
}

    Hope it helps 🙂

    December 7, 2016 at 3:15 pm #1285106
    eltin7
    Participant

    It worked fine!

    Thank you very much!

    December 7, 2016 at 9:44 pm #1285547
    Friech
    Moderator

    We’re delighted to assist you with this.

    Cheers!

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