Okay
  Public Ticket #3533869
Top menu
Closed

Comments

  •  5
    Filip started the conversation
    November 30, 2023 at 6:01pm

    Hi,

    I have created a website with Salient and have a secondary header bar enabled. My client would like that bar to also be visible on scroll; currently, only the menu bar stays visible.

    Can you point me in the direction I need to look to achieve this? I don't think it's an option in Salient but has to be done through CSS.

    Thanks,

    Filip

  •  1,875
    Judith replied
    November 30, 2023 at 6:04pm

    Hi Filip,

    Thanks for writing to us.

    Please ensure that 'Header Remove Desktop Stickiness' is turned off and 'Header Sticky On Mobile' is turned on as shown below:

    5980353761.pngClick on Image to View Larger

    Also ensure to set 'Secondary Header Mobile Functionality' as shown below:

    1746413146.pngClick on Image to View Larger

    Also Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    div#header-outer {    transform: translateY(0px) !important;
}

    Hope this helps.

    Thanks.


  •  5
    Filip replied
    December 1, 2023 at 7:41am

    Hi

    thanks Judith for the fast reply!

    The CSS alone already did the trick

    Have a nice day
    Filip

  •  1,875
    Judith replied
    December 1, 2023 at 8:04am

    Hello Filip,

    Glad this works for you.

    Please feel free to contact us in case of any other queries.

    Best Regards.