[Support request] Merged header with split menu and centered logo

Home Forums Support [Support request] Merged header with split menu and centered logo

Home Forums Support Merged header with split menu and centered logo

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #2358065
    Tim

    I’d like to have a merged header on my split menu / centered logo site but I think some of the code is overwriting the header element. Can you help?

    #2358103
    Ying
    Staff
    Customer Support

    Hi Tim,

    It is merged, but your navigation background color is set to white.

    Can you go to customizer > colors > primary navigation and remove the background color?

    Or you can go to the header element, and set the primary navigation background color to transparentthere.

    #2358107
    Tim

    Thank you!

    Now is there a way to adjust it so that the sticky menu has a white background color and the font changes from white to black?

    #2358118
    Ying
    Staff
    Customer Support

    Try this CSS:

    .sticky-enabled .main-navigation.is_stuck {
        background-color: white;
    }
    .sticky-enabled .main-navigation.is_stuck ul li a {
        color: black;
    }
    #2358120
    Tim

    Thanks!

    Now…I need to update the logo…on merged header it’s white…so now it’s gets lost on sticky. How can I update that so it uses the black version of the logo?

    #2358122
    Tim

    Actually, I’m going to have the background color be green so we can keep white. Thank you!!

    #2358134
    Ying
    Staff
    Customer Support

    You can add a sticky navigation logo at customizer > layout > sticky navigation >Sticky Navigation Logo 🙂

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.