How to stick transparent header?

Resolved joerg10
(@joerg10)

1 year, 2 months 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)

1 year, 2 months 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)

1 year, 2 months 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)

1 year, 2 months 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)

1 year, 2 months 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)

1 year, 1 month 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)

1 year, 1 month 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