Sticky call now button

User 2839984 Photo


Registered User
52 posts

I would like to add a button to the bottom right of all pages that is a touch to call that stays visible at all times. I know how to create the button but I don't know how to make it stay in the same place. This is specifically for mobile, I can hide it in desktop.

Any ideas? I am not a coder, but am fairly familiar with Site Designer basics.

Many thanks!
Just another day designing websites for money... it's all good!
User 2699991 Photo


Registered User
4,805 posts
Online Now

Bruce Longman wrote:
I would like to add a button to the bottom right of all pages that is a touch to call that stays visible at all times. I know how to create the button but I don't know how to make it stay in the same place. This is specifically for mobile, I can hide it in desktop.

Any ideas? I am not a coder, but am fairly familiar with Site Designer basics.

Many thanks!

Position = fixed
Then set height & margins as you wish until it is in the place you want it to be
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 2699991 Photo


Registered User
4,805 posts
Online Now

Wayan Jaya wrote:
Bruce Longman wrote:
I would like to add a button to the bottom right of all pages that is a touch to call that stays visible at all times. I know how to create the button but I don't know how to make it stay in the same place. This is specifically for mobile, I can hide it in desktop.

Any ideas? I am not a coder, but am fairly familiar with Site Designer basics.

Many thanks!

Position = fixed
Then set height & margins as you wish until it is in the place you want it to be
I. Forgot to mention to give it a high z index si it will be visible over all other elements

A bottom margin of say 10px will keep it just enough from the bottom of the screen and a right margin of 10px just away from the right of the screen other margins can be auto
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 2839984 Photo


Registered User
52 posts

Good point I noticed it was slipping behind other elements!

Thanks for your help, it's working quite nicely!
Just another day designing websites for money... it's all good!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.