Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #1926720
Transparent menu on header
Closed

Comments

  • onyke started the conversation
    March 9, 2019 at 8:13pm

    Hello, how i can get effect like on "menu_v2"? I already put this code in "Custom CSS":  

    #navigation{ background: rgba(255, 255, 255, 0.2); }
.is-sticky #navigation{ background: rgba(255, 255, 255); }

    But now i need to move menu a bit lower. It is possible?


  •  2,699
    PenciDesign replied
    March 10, 2019 at 12:45pm

    Hi,

    Please try add more this code to Customize > Custom CSS to do that:

    #navigation-sticky-wrapper{ position: fixed; z-index: 1000; width: 100%; }
#navigation.header-1, #navigation.header-4, #navigation.header-7{ border-bottom-color: transparent; }

    Best Regards,

    PenciDesign

  • onyke replied
    March 10, 2019 at 7:19pm

    Thanks!

    Its possible to change menu background color to white when i scroll down page?

    .is-sticky #navigation dont work :(

    Already added:

    #navigation-sticky-wrapper{ position: fixed; z-index: 1000; width: 100%; }
#navigation.header-1, #navigation.header-4, #navigation.header-7{ border-bottom-color: transparent; }
.is-sticky #navigation{ background: rgba(255, 255, 255);}
#navigation{ background: rgba(255, 255, 255, 0.2);}
  •  2,699
    PenciDesign replied
    March 11, 2019 at 9:58am

    Hi,

    Have you checked to disable sticky menu via Customize > Logo and Header Options ?


    Best Regards,

    PenciDesign

  • onyke replied
    March 16, 2019 at 12:09pm

    I want to get the following effect:

    After entering the main page the menu is on the top and has a transparent color.
    When we scroll down the page, this menu changes color to white.

    Screen 1:
    After entering the site (done)

    Screen 2:
    After scrolling the page down (I want to achieve this effect)

  •  2,699
    PenciDesign replied
    March 17, 2019 at 6:16am

    Hi,

    Ok, please replace the code I sent to this code:

    #navigation-sticky-wrapper{ position: absolute; z-index: 1000; width: 100%; }
#navigation.header-1, #navigation.header-4, #navigation.header-7{ border-bottom-color: transparent; }
#navigation{ background: rgba(255, 255, 255, 0.2);}
.is-sticky #navigation{ background: rgba(255, 255, 255); }


    Best Regards,

    PenciDesign

  • onyke replied
    March 17, 2019 at 12:23pm

    Thanks! You are the best!