Site Title and Menu CSS animation persistence + iframe mobile viewport fill size

[sebastianpetrov]

Hey Richard, I'm really sorry to be a pain. I was wondering if you had been able to log into the staging site? Isn't it strange that even without any plugins active or any other custom code that the menu and site title are hard refreshing on page load? Isn't that a bug of laytheme?

[Richard]

Dear Sebastian

@sebastianpetrov

Not a pain at all 🌝 Will need to take another look, 🔍 i agree that it's not normal behaviour if AJAX compatibility is turned off.

---

Best

Richard

[sebastianpetrov]

@Richard

I just found an easy workaround for getting i-frames to fill the full viewport correctly on mobile and it seems to be working flawlessly.

In case someone else needs it or I need to find this again...

Pasting the link to the web-page that describes the fix - almost effortless to implement in Laytheme.

https://css-tricks.com/the-trick-to-viewport-units-on-mobile/

[arminunruh]

oh very nice, i didnt know that one!

[sebastianpetrov]

Hey,

How are you?

I sort of forgot about this and now I'm preparing to launch content updates to beautifulbeautiful.xyz

I can see its not just the css animation that is reloaded between pages, but the site title and menus themselves are reloading. Actually it appears like a full page hard refresh is happening rather than the graceful Ajax partial loads Laytheme became so popular for.

I've tried toggling Ajax Compatibility on/off, disabling all plugins, disabling all custom code and opening the site in a fresh incognito window and I'm still getting full page hard refresh. I can see the site title and menus blink between page loads.

Are there any other troubleshooting steps I can take? Can you please help me with this?

Happy to share staging site details if that will help.

Thanks so much and look forward to hearing from you.

Sebastian

[arminunruh]

this is what makes a hard refresh:

• disable ajax activated
• using links that are not generated by laytheme, but by yourself, and they are missing the data- attributes
• woocommerce plugin is active
• you use shortcodes, for example a shortcode in the footer

[sebastianpetrov]

@arminunruh Thanks so much for your quick reply.

I'm pretty sure my problem is shortcode related then.

I'm happy to kill the mailchimp shortcode I was using in the footer. However, there's another shortcode I'd like to keep - its a Forminator form.

My gut says it goes in 1 of 2 directions - please let me know if I'm completely off the point!

Is Laytheme seeing the shortcode and then forcing a page refresh to improve compatibility with short codes in general? Are there any links to information you can share that might help me try different workarounds?

Or perhaps some shortcodes cause a page refresh and others don't based on how they work? Any advice on how I can attemp to debug this?

[sebastianpetrov]

@sebastianpetrov hey, good morning ☀️@arminunruh have you seen this last message?

[sebastianpetrov]

Hey @Richard @arminunruh

I've removed a non-essential shortcode in the footer, however there is one shortcode on one page for a "forminator" form that has to stay.

I'd love to dig in and try to find a workaround if there is one.

Is there any documentation available on how laytheme is treating shortcodes or how to disable the hard refresh when shortcodes are present?

Please let me know? The new site is so smooth aside from this one page that hard refreshes and I don't know if I can move on with my life knowing this page hard refreshes when it could be another smoooth page load 😂

[arminunruh]

Is Laytheme seeing the shortcode and then forcing a page refresh to improve compatibility with short codes in general?

yes

Are there any links to information you can share that might help me try different workarounds?

no

i don't think there is a workaround