Home Forums Brand Theme Make sticky main menu transparent?

This topic contains 1 reply, has 2 voices, and was last updated by  brand 2 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1992

    Cahlean Klenke
    Participant

    Hello!

    I was wondering what I would need to do to get the sticky main navigation to be transparent/semi transparent when the page is scrolled. I want there to be some color to the header but also would like to see the elements as they scroll behind.

    Thank you,

    #1993

    brand
    Keymaster

    Hi Cahlean,
    You can make the main menu transparent adding a css rule in Customizer > Additional CSS:

    #main-nav-wrapper.scroll::before, .mobile-nav-bar.scroll::before {
    	opacity:0.5;
    }

    Use a value between 0 and 1(e.g.: 0.1, 0.2, etc.)
    Be aware that this rule applies to pages without header too.

    Cheers,
    Massimo

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.