Jump to content

Recommended Posts

Posted

Site URL: http://www.condronactiondesign.squarespace.com

Hey Guys,

 

I'm having trouble designing my float button and would appreciate some help. Firstly I'm trying to select the most optimum one but both have their own individual issues.

 

The first float button is on my 'About me page' I designed it from the HEADER section located in PAGES>CODE INJECTION and added some Java Script to make it appear and disappear. The problem is that I had to play around with the margins of the header and 1st Section of the page to put everything back where it should be. But the issue I'm experiencing is that tweaking the margins has messed with the footer at the bottom and I cant put it back to normal without messing with the 1st section.

 

The 2nd button is on my 'SCHOOL' page and I created it with a code block. This one works perfectly but it disappears on the 'BOOK' section of the page, is there a way to continue the button scrolling when its in a code block in one section? The issue im having with this button is that its not sticking on the mobile section of the website. What additional code do I need to include that also?

 

Many thanks,

Philip.

  • Replies 6
  • Views 577
  • Created
  • Last Reply

Top Posters In This Topic

Posted
3 hours ago, philipcondron said:

Site URL: http://www.condronactiondesign.squarespace.com

Hey Guys,

 

I'm having trouble designing my float button and would appreciate some help. Firstly I'm trying to select the most optimum one but both have their own individual issues.

 

The first float button is on my 'About me page' I designed it from the HEADER section located in PAGES>CODE INJECTION and added some Java Script to make it appear and disappear. The problem is that I had to play around with the margins of the header and 1st Section of the page to put everything back where it should be. But the issue I'm experiencing is that tweaking the margins has messed with the footer at the bottom and I cant put it back to normal without messing with the 1st section.

 

The 2nd button is on my 'SCHOOL' page and I created it with a code block. This one works perfectly but it disappears on the 'BOOK' section of the page, is there a way to continue the button scrolling when its in a code block in one section? The issue im having with this button is that its not sticking on the mobile section of the website. What additional code do I need to include that also?

 

Many thanks,

Philip.

Can you share the protected password?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted (edited)

Hi Bangank36,

 

I resolved the 'ABOUT ME' page by removing the Footer with code. Im just having issues with the floating button it flashes on a certain line just after 'KIN' and doesn't fade away completely, it also causes a lag while scrolling down the page from KIN to the details section.

Screenshot.png

Screenshot (1).png

Edited by philipcondron
Posted
On 10/10/2022 at 8:13 PM, philipcondron said:

Hi Bangank36,

 

I resolved the 'ABOUT ME' page by removing the Footer with code. Im just having issues with the floating button it flashes on a certain line just after 'KIN' and doesn't fade away completely, it also causes a lag while scrolling down the page from KIN to the details section.

Screenshot.png

Screenshot (1).png

condronactiondesign

Password incorrect

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!)

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.