spartanwanderer Posted May 24, 2023 Posted May 24, 2023 (edited) Hi everyone! I'm currently dealing with a very annoying layout shift issue in my site's navigation area. I use Brine on Squarespace 7.0. I have a split navigation with the logo at the center. You'll see that when you visit the site both sides of the navigation and the logo are stacked on the left side for a split second, then shift to where they are supposed to be. I've taken some screenshots of it in the incorrect position using Lighthouse, attached below. I've tried troubleshooting some of my custom code by removing it and refreshing it, trying to see if it's an issue I created. As far as I can tell, it's baked in, but I could certainly be wrong. I could really use a second pair of eyes. Thanks in advance! Edited May 24, 2023 by spartanwanderer mispelling
tuanphan Posted May 25, 2023 Posted May 25, 2023 Which code did you use to add left nav middle logo right nav? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
spartanwanderer Posted May 31, 2023 Author Posted May 31, 2023 Hi, thanks for replying! I'm just now seeing this. I did not use any code to achieve that layout. It is a native option in Squarespace 7.0 Brine's site styles.
spartanwanderer Posted July 29, 2023 Author Posted July 29, 2023 Hi all, I didn't really get an answer the first time I asked this, and in that time I haven't been able to solve it, so here I am again. I'm using the Brine 7.0 template with centered branding and the primary menu on the left and the secondary menu on the right. These are options in the site styles and not arranged with any custom code. For whatever reason, when the site loads the menus and logo load on the left then quickly shift into place. If I remove the custom code for my navbar background, the issue still persists. It's also being picked up as a CLS issue when looking at web vitals. I wish I could find the solution to this since the way it loads makes my site look unprofessional to other people in the design space. Any help is much appreciated!
tuanphan Posted July 31, 2023 Posted July 31, 2023 Hi, If site has no custom code + problem still appears, you should contact Squarespace Customer Care, to see if they have any suggestion to fix this Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
spartanwanderer Posted July 31, 2023 Author Posted July 31, 2023 Thanks @tuanphan I submitted a ticket to customer support. I will update the thread with what I find out. tuanphan 1
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment