After some trial and error it seems there is a problem with adding text to the page, which makes the top nav bar and other components act strangely…
The nav bar is a symbol, so should be the same on every page, however on the “Home” or “About” page it’s not displaying correctly but the “what’s on” page and “contact us” page it’s working fine…
It seems that when a certain length of text is added to the page, it starts to glitch the rest of the design.
“About” page, has the longer paragraph of text (and doesn’t display correctly)
What the diff between about to about2 - and which one works fine for you.
Maybe create a video record (Log into Loom | Loom).
How to:
Create the bug (Use a lot of text or any idea like this) - then share the URL with the bug/problem (No way to help you by story - only by example/live url)
If you use dev tools and inspect the pages you will see all these quotations inserted. Do you have a reason for these/ did yo put these in? Are you running a different script on the different pages?
The best idea in this kind of very weird bugs is to create new empty page - and copy-paste one by one - the elements → publish and test (Until you find the buggy element).
Maybe you put somewhere custom code and missing closing brace } or />.
The l sep create this weird spaces (Under safari this is hidden - but not in chrome).
Maybe your text with some hidden/buggy character (Paste as plain text). or try lorem-ipsum first.
Yes, I tried that, that’s how I found out it was related to the text section/paragraph.
I’ve tried copy and pasting from a new text document into the affected pages but the same thing happens.
I’m wondering if it is to do with page height some how…!? But I’ve looked at all the elements and can’t find a solution that way either.
The weird thing is, it was all working fine about a month ago, then when I come back to it in the last few days, this bug has appeared… Has to be a bug within Webflow surely?
Webflow bug - maybe - but this is happen only to you and only on specific page.
Most of the times this weird bugs happens beacuse you missing closing brace -
Example (Missing closing quotes for name)
<meta content="summary" name="twitter:card />
Are you sure your project is with zero custom code? (Also check under project setting → code)
Try before body for about to copy-paste this code - publish and test
There were a bunch of scripts being added to that page and I thought I took a screenshot of that but I guess I didn’t. Personally I would remake the page and see. Good luck.