How to stick menu?

  • Resolved sharoni

    (@sharoni)


    6 years, 3 months ago

    Hi there,

    I am trying to get the menu & logo to stick – which id or class should I use? I have tried several but none are working.
    Sidebar sticks fine with ‘.widget-area’

    The site is in dev at the moment so I can’t share the link here

    Thanks in advance

Viewing 15 replies - 1 through 15 (of 16 total)
  • Plugin Author Amit Singh

    (@apprimit)

    Hello,

    Can you please tell me which Header Style you are using so that I can give you the correct Id or Class?

    Thread Starter sharoni

    (@sharoni)

    Hi Amit, I am using transparent header

    Plugin Author Amit Singh

    (@apprimit)

    Try to use #site-header or #site-header.transparent-header and check it works or not.

    Thread Starter sharoni

    (@sharoni)

    Hi Amit,
    I did as you suggested (thanks!) and the menu is sticky but the logo is now moving to the middle of the page on scroll down and the rest of the page(sidebar and content) has moved up and under the menu.

    Plugin Author Amit Singh

    (@apprimit)

    Hello,

    Can you share your site link so that I can check it and give you the correct id or class?

    Thread Starter sharoni

    (@sharoni)

    Hi, this is the link
    I am using minimal header now

    Thanks

    • This reply was modified 6 years, 3 months ago by sharoni.
    Plugin Author Amit Singh

    (@apprimit)

    Hello,

    Your site is in coming soon mode and I’m not able to view it. Can you disable the coming soon mode so that I can check it?

    Thread Starter sharoni

    (@sharoni)

    Done

    Thread Starter sharoni

    (@sharoni)

    Hello, I have solved the issue – I reset the ‘menu’ settings on the page to default (using Oceanwp).

    Thank you

    Plugin Author Amit Singh

    (@apprimit)

    Glad to hear that you found a solution.

    Hi Amit,

    I have trouble with mine too. Can you help me out?

    Tried adding #site-header and #site-header.transparent-header, but my header was gone.

    My site’s mariomanlupigjr.com.

    Thank you.

    Mario

    Plugin Author Amit Singh

    (@apprimit)

    @mmanlupigjr I didn’t see the sticky class in your header. Try to use Stick Anything plugin for the header. Use the class #site-header.transparent-header to stick it.

    Also, add the below code to the Customize > Custom CSS section to make it work if there is an issue with the transparent header.

    header#site-header.transparent-header.is_stuck {
    position: fixed !important;
    top: 0 !important;
}

    Hi @apprimit

    Yes, I’m using the OceanWP Stick Anything plugin. Added the #site-header.transparent-header. I also added the code to the custom CSS section.

    Doesn’t seem to work out.

    I’m using the Transparent header style. Do you think that affects the problem?

    Regards,

    Mario

    Plugin Author Amit Singh

    (@apprimit)

    Okay, just use the css class transparent-header to stick the header and let me know. I didn’t see the sticky class in the header, therefore, it is not working.

    Hi @apprimit

    Still, didn’t work out ??

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘How to stick menu?’ is closed to new replies.