Jump to content
Go to solution Solved by HoaLT,

Recommended Posts

Posted

Hello!

I am fixing up some errors on my new site build, and had some questions about some glitches that appear to be happening. The first one is that the items in my floating header don't seem to be centered vertically to the brown block itself. (It used to be fine, but somewhere along the way with my custom coding injection it messed this up and now there appears to be more padding on the top than the bottom!)

The second is the weird button animation that is happening whenever you hover over all buttons- before there was no animation (which is what I wanted) but now it has this inverted color on hover effect. I never added any code that would make that happen (although I do have some code that applies some hover effects to certain buttons & areas, none of them are this specific animation)

I would love some help in troubleshooting these two things- thank you in advance and let me know if you need any more info!
 

The site URL is: https://www.abbyleighton.com/

  • Replies 3
  • Views 1k
  • Created
  • Last Reply

Top Posters In This Topic

Posted
20 hours ago, abbyleighton97 said:

Hello!

I am fixing up some errors on my new site build, and had some questions about some glitches that appear to be happening. The first one is that the items in my floating header don't seem to be centered vertically to the brown block itself. (It used to be fine, but somewhere along the way with my custom coding injection it messed this up and now there appears to be more padding on the top than the bottom!)

The second is the weird button animation that is happening whenever you hover over all buttons- before there was no animation (which is what I wanted) but now it has this inverted color on hover effect. I never added any code that would make that happen (although I do have some code that applies some hover effects to certain buttons & areas, none of them are this specific animation)

I would love some help in troubleshooting these two things- thank you in advance and let me know if you need any more info!
 

The site URL is: https://www.abbyleighton.com/

This a element makes your header navigator  not be center vertical.

image.thumb.png.221ddcad6354f55fd1dbef058057842c.png

Have you added any custom codes on it?

Press 👍  or mark my comment as solution if you find my sharing useful

🆒 Squarespace pinchzoom lightbox plugin (affiliate link)

👁‍🗨 360 degree photo viewer (affiliate link)

📑 Squarespace embed PDF popup (affiliate link)

Posted
On 7/7/2024 at 9:47 AM, HoaLT said:

This a element makes your header navigator  not be center vertical.

image.thumb.png.221ddcad6354f55fd1dbef058057842c.png

Have you added any custom codes on it?

Yes, I do have custom code on this site. I can't seem to figure out where in my code injection this line is! 

  • Solution
Posted
17 hours ago, abbyleighton97 said:

Yes, I do have custom code on this site. I can't seem to figure out where in my code injection this line is! 

I find this code affect the way you header is showing

image.thumb.png.f126b2512479247491f1f0a6ad27337d.png

Try the following code to overwrite it

.header .header-skip-link{
  position: absolute !important;
}

 

Press 👍  or mark my comment as solution if you find my sharing useful

🆒 Squarespace pinchzoom lightbox plugin (affiliate link)

👁‍🗨 360 degree photo viewer (affiliate link)

📑 Squarespace embed PDF popup (affiliate link)

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.