Navigation
Archive / Ethos Transparent Masthead
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 9, 2016 at 11:37 am #1208977
    themisfit
    Participant

    I’m working with the ethos stack and trying to have a transparent header with the first section image as the background. I’ve tried with some of the other instructions, but it doesn’t work quite like I would like it to.

    http://misfitmedia.ca/wp/

    October 9, 2016 at 12:01 pm #1208996
    Thai
    Moderator

    Hi There,

    To achieve that, please add the following CSS under Customizer > Custom > Global CSS:

    .home .x-navbar {
    background-color: transparent;
    border: none;
}

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

    Hope it helps 🙂

    October 9, 2016 at 12:48 pm #1209021
    themisfit
    Participant

    That makes it transparent, but I lose the ability to control the height of the menu and logo bar.

    October 9, 2016 at 12:57 pm #1209024
    themisfit
    Participant
    This reply has been marked as private.
    October 9, 2016 at 1:23 pm #1209040
    Rupok
    Member

    Hi there,

    The header is now over the section so if you set height it won’t be visible. You can try setting top padding for the section.

    Cheers!

    October 18, 2016 at 10:31 pm #1221761
    themisfit
    Participant

    Thanks for the help.

    October 18, 2016 at 11:12 pm #1221793
    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again.

    Thanks.

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