Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1384573
    TrevH
    Participant

    My question I tried to adjust ETHOS the Nav-bar background color (black/gray)to look transparent. But only the drop down menu becomes transparent. the nav-bar background color remains a solid color.

    Is there any way to make the background of the nav-bar transparent. I am trying to match up with some of the newer 2017 WP Themes that are out there.

    Thank you.

    #1384681
    Joao
    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.

    Also please provide the reference website so we can bring you close to it.

    Cheers

    #1385601
    TrevH
    Participant
    This reply has been marked as private.
    #1385889
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> Global CSS :

    @media (min-width:979px){
    .x-navbar {
        background-color: rgba(0, 0, 0, 0.42);
    }
    .home .x-main.full {
        margin-top: -53px;
    }
    }

    Hope that helps.

    #1386521
    TrevH
    Participant
    This reply has been marked as private.
    #1386804
    Lely
    Moderator

    Hello There,

    Yes, that is exactly what will happen. You have requested the navbar background to be transparent. So when it happens, we will see through the background of your site which is the gray one. On homepage, we adjust the content below the navbar to move behind the navbar that is why we’re seeing the slide behind the navbar. Now, if you want the same for other pages too, please update above CSS to this:

    @media (min-width:979px){
    .x-navbar {
        background-color: rgba(0, 0, 0, 0.42);
    }
    .x-main.full {
        margin-top: -53px;
    }
    }

    Hope this helps.

    #1387419
    TrevH
    Participant
    This reply has been marked as private.
    #1387430
    Joao
    Moderator

    Hi There,

    Please edit your slides and move the titles further down.

    Hope that helps

    Joao

    #1387856
    TrevH
    Participant
    This reply has been marked as private.
    #1388330
    Paul R
    Moderator

    You’re welcome! 🙂

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