My header and top menu is fixed

Hello @luketapis,

Thank you for reaching out,

There is no way to disable it, and what you want is practically impossible because you are at the top of the page and the header is located there. However, the solution I can suggest is to set the overlay opacity to 100%. You can use the CSS below to do this.

Please put the CSS below in Customizing > Custom CSS/JS > CSS Code:

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 1 !important;
}

Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

Note: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

I hope it helps.
Best Regards

Thank you.

This is what I did:

1. I added the custom css
2. I cleared cache contents in WP-Optimize – Clean, Compress, Cache plugin (and also disabled it)
3. I regenerated all assets file and data in Elementor > Tools

but unfortunately the problem hasn’t been fixed. Can I put some empty space between a picture and top menu?

Hello @luketapis,

Thank you for reaching out,

The code I provided should be placed in the CSS section, but you put it in the JS section: https://postimg.cc/QKQt8FVz. Kindly add it to CSS and recheck the issue.

Also, I didn’t quite understand your question, “Can I put some empty space between a picture and the top menu?” Could you clarify how you would like it to look? As far as I understand your question, and based on the explanation I gave in the previous reply, what you’re looking for isn’t possible due to the way the header is structured.

I hope it helps.
Best Regards

Thank you for your answer. I copied the code to CSS (and cleared cache contents in?WP-Optimize – Clean, Compress, Cache?plugin (and also disabled it) followed by regenerated all assets file and data in Elementor > Tools

Code

But this didn’t produce any change in the way the photos are presented on my site. They are always under the top menu ??

Picture on the website

Hello @luketapis,

Thank you for reaching out,

What I see is this: https://postimg.cc/DmD0zBwz.

It might be cached in your browser or by your ISP. Please test it on another device and with a different internet connection.

I hope it helps.
Best Regards