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 #1742449
Transparent Navigation bar but solid stick bar menu
Closed

Comments

  • rubincain started the conversation
    October 10, 2018 at 4:24pm

    Hi

    Thank you for a wonderful theme.

    I am looking for the CSS or PHP edit to have a transparent navigation bar (starting position) but a have the sticky bar navigation as solid.  So theoretically something like this.

    #navigation{background-color: rgba(255, 255, 255, 0.5)}

    #navigation-sticky-wrapper{background-color: rgba(255, 255, 255, 1)}

    I don't mind editing php files if that's the only solution

    Thanks in advance

  •  2,699
    PenciDesign replied
    October 11, 2018 at 3:21am

    Hi,

    Thank you for loving our theme.

    Can you show me your site url to I can take it a look?


    Best Regards,

    PenciDesign

  •   rubincain replied privately
  •  2,699
    PenciDesign replied
    October 11, 2018 at 1:33pm

    Hi,

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

    #navigation {
    background: rgba(255, 255, 255, 0.5);
}
.is-sticky #navigation.header-6{
    background-color: rgba(255, 255, 255, 0.8);
}

    Note: Because the background of whole site is white - and your navigation is white also - that make you can't see the change for navigation when you don't scroll down.


    Best Regards,

    PenciDesign

  •   rubincain replied privately
  •   PenciDesign replied privately
  •   rubincain replied privately
  •  2,699
    PenciDesign replied
    October 11, 2018 at 4:08pm

    Hi,

    Yeah, as I said on the image I sent - you need to change margin top from -100px to -82px for the top element


    Best Regards,

    PenciDesign

  •   rubincain replied privately