Stick navbar and The Grid problem after update

[Marcus08]

Hi There,

I have a problem mentioned earlier (nov 2020).

Sticky navbar jumps down when (fast) scrolling up (only Safari, Chrome is fine)

Hi, I have an issue on one of my sites and can’t figure out what is causing the problem. When you scroll down and up (fast) the sticky navbar stucks and when scrolling down again it moves to the right position. See screenshots. It happens on every page and only on Safari. Chrome is fine. [Schermafbeelding-2020-11-18-om-10.41.12] Hope you guys can find out what is happening? Thx in advanced

The sticky headerbar jumps down when scrolling (fast) down the page. At the moment I have 3 websites with the same problem.

And the second problem is The Grid plugin. After update the site does not load anymore. When I disable The Grid the site loads fine. This happens on the site mentioned in the secure note.

Thx in advanced.

[Marcus08]

I also use java script and custom css to have a transparent navbar. On scroll it should have a background color but after update the background color is gone…

[tristup]

Hi Marco,

Thanks for reaching out.
I have checked your website but didn’t found the jumping navbar issue while scrolling. Regarding The Grid plugin we need to investigate it through the dashboard, but unfortunately, the given credential does not work. Please check and reshare it again.

Regarding the Transparent navbar, you can add the following custom CSS code into the Theme Options > CSS which may help you to get the solid color background navbar while scrolling.

.x-navbar-fixed-top
{
    background-color: hsl(0,0%,18%) !important;
}

Please remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes, which means we can’t fix it if it conflicts with something on your site nor will we enhance it.

Thanks

[Marcus08]

@Marco

user: noreply@theme.com

Hi, thx for your quick response. The problem is only on Safari. You have to scroll fast up and down. See also previous topic. It’s a known issue

The username was not correct. See adjusted sticky note

[Marcus08]

@tristup

.x-navbar-fixed-top
{
    background-color: hsl(0,0%,18%) !important;
}

Code works fine, thx!

[tristup]

Hi Marco,

Glad that it works.

Thanks

[Marcus08]

Hi,

And did you check the header and grid issue?

[tristup]

Hi Marco,

I have checked your website in Safari browser using the Online Browser Testing tools and didn’t find the issue you are describing here. Can you please mention the device, browser version, and also operating system you are using, that helps us to replicate the issue at our end?

Thanks

[Marcus08]

Hi,

It’s Safari v 14.0.3. System: iMac MacOs Catalina 10.15.7

[Marcus08]

Hi,

The Grid Plugin is still messing up the site. It will not load. When I deactivate The Grid it works fine…

[friech]

Hi @Marco,

Did you try Clearing all your caching plugins/features (Autoptimize, WP Fastest Cache) before you activate the The Grid?

Can you provide us FTP credentials in a secure note? Just in case the site will not load when we activate The Grid, so we can deactivate it via FTP.

Thanks,

[Marcus08]

Sorry for the delay. See ftp credentials in secure note

[marc_a]

Hi Marcus,

The issue with The Grid plugin is about the max execution time and then when I check your website info your PHP time limit is just 30. I suggest that you contact your web hosting and increase the PHP time limit at least 300.

Hope that helps.

Thank you.

[Marcus08]

Hi Marc,

Strange. I’m running more sites on the same server. Also X-Theme and The Grid active.
PHP time limit set to 30. No problem.

So I went to the global settings of The Grid. Enabled Caching Grid

This caching system will cache the entire Grid markup and queries. It will improve drastically performance
This cache should be cleared after any changes which can affect the grid.

Clear Cache **Done! Everything works perfect now

[ruenel]

Hey Marcus,

We are glad you’ve figured out a way to resolve your issue.
Thank you very much for letting us know.

Cheers.

[Marcus08]

Hi Ruenel,

You’re welcome.!

Still, the problem with the header exists. It’s is a known problem in Safari. No fix yet?

[tristup]

Hi Marcus,

The issues in the Safari browser are still in the investigation and fixing process and will be released once all of them are fixed.

Thanks for understanding

[Marcus08]

Owk. Hope there’s a fix soon

[Marcus08]

Hi,

Found the problem with the sticky navbar on Safari. If parallax is enabled in the header the navbar gets stuck/bumpy.
If parallax is disabled it works fine.

[Marcus08]

And, homepage with parallax Revolution slider, same problem.