Support » Plugin: Ocean Stick Anything » How to stick transparent header?

How to stick transparent header?

  • Resolved joerg10

    (@joerg10)


    7 months, 3 weeks ago

    Hi,

    I’ve found some existed topic, but they are not working.

    i activated the Ocean Stick Anything plugin for my OceanWP and entered at the theme panel / stick Anything: # site-header. The header was then also fixed.

    But since I changed the style from minimal to transparent in OceanWP Design / Customizer / Header / General, the header is gone.

    What do I have to enter, if I have a transparent header?

    Thank you for your help
    :-)örg

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Abhishek

    (@abhikr781)

    7 months, 2 weeks ago

    Hello,

    That should work for the transparent header also.

    Please try the below Id/class and check.

    #site-header or #site-header.transparent-header

    and following the tutorial will help you with it.
    https://docs.oceanwp.org/article/742-ocean-stick-anything-getting-started

    Thread Starter joerg10

    (@joerg10)

    7 months, 2 weeks ago

    Hello Abhishek,

    I don’t understand what is different about your input than mine.

    Nevertheless, I’ve tried a lot:

    # site-header – header is completely gone after the first scrolling
    # site-header.transparent – header is completely gone after the first scrolling
    # site-header.transparent-header – header is completely gone after the first scrolling
    # transparent-header-wrap – totally wrong
    # site-header-inner– nothing happens
    # transparent-header – nothing happens

    I had also already studied the tutorial. But it didn’t help me either.

    Thank you for your help
    :-)örg

    Abhishek

    (@abhikr781)

    7 months, 1 week ago

    Hello,

    Tried checking on my local and it is working fine with the transparent header with #site-header id.

    Are you using any other plugin or code to making that section sticky?

    Kindly add the #site-header id and try to change the header style and check if it is working or facing the same issue.

    Thread Starter joerg10

    (@joerg10)

    7 months, 1 week ago

    Hello Abhishek,

    with all the other header styles it is working. Only with the transparent it doesn’t. I think i will try another plugin.

    :-(örg

    Abhishek

    (@abhikr781)

    7 months, 1 week ago

    Hello,

    Checked the URL again and it is working with the transparent header. Are you using any other method?

    ​Please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

    If you are using a child theme, kindly switch to the parent theme and check.

    Thread Starter joerg10

    (@joerg10)

    7 months ago

    Hello,

    yes i use another plugin named mystickymenu. It works without problems.

    You have forgot the CSS below. Can you tell me the CSS code, i want to try it.

    Thanks a lot

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to stick transparent header?’ is closed to new replies.

Views