Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #116126
    Dylan Doskicz
    Participant

    I would like my top navigation menu to have a completely black background without any opacity. I have changed this in the customizer options, however the left side of the menu where the logo resides continues to have an opacity.

    How can I change the whole menu at the top to be black without any opacity?

    Thanks!

    #116137
    Mahesh
    Participant

    @dosk: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

    .is-sticky {
        background: rgba(0, 0, 0, 1);
    }

    Regards,
    Mahesh

    #116189
    Dylan Doskicz
    Participant

    Worked perfectly, thank you!

    #116199
    Dylan Doskicz
    Participant

    One more question. When I scroll down the page, I noticed that the menu is still showing up as an opacity at first before it becomes completely black. It happens as the identity logo shrinks and the menu becomes fixed at the top. Is it possible to completely remove this opacity?

    #116225
    Mahesh
    Participant

    @dosk: Add the following CSS:

    #masthead {
        background: #000;
    }

    Regards,
    Mahesh

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Remove Opacity From Menu’ is closed to new replies.