floating buttons

Ask the community for help and support.
Post Reply
ce7
Posts: 26
Joined: Tue Apr 06, 2021 12:26 am
Has thanked: 21 times

floating buttons

Post by ce7 »

hi there,

Is there a way to make a floating button, when it is web version, it stays on header tag area, and allow web user to click and link to a new page website? And when it is mobile version, the button stay on top left corner, kind of like logo area however it will be freezed, when scroll down catalog or products, the buttons/logo will always show on the top left corner?

Thank you!

Tags:
heatherbell
VIP Member
VIP Member
Posts: 1996
Joined: Mon Oct 07, 2019 4:39 am
Has thanked: 26 times
Been thanked: 175 times

Re: floating buttons

Post by heatherbell »

ce7 wrote: Mon Aug 08, 2022 8:22 am Is there a way to make a floating button,
The behaviour you describe is "sticky".
Internet search for that behaviour will provide resources to help you in both Bootstrap and W3Schools e.g. https://www.w3schools.com/howto/howto_c ... lement.asp

However, if it was us, we would create that link in NavBar and make the NavBar Sticky in the content module.
ce7
Posts: 26
Joined: Tue Apr 06, 2021 12:26 am
Has thanked: 21 times

Re: floating buttons

Post by ce7 »

@heatherbell

Hi heatherbell,
thank you very much for the suggestion.

The website has 2 separated catalog, I am thinking to use the floating button so that web users can click the floating button to link to the other website.

With the mobile website, it is now has a 3 lines button and when you click on it, it expend to show NavBar info https://imgur.com/rfUIzlj.

which file to change to make the NavBar sticky? Is it possible to have the 2nd website NavBar button show up at the same time?https://imgur.com/3oUIdDf.
heatherbell
VIP Member
VIP Member
Posts: 1996
Joined: Mon Oct 07, 2019 4:39 am
Has thanked: 26 times
Been thanked: 175 times

Re: floating buttons

Post by heatherbell »

ce7 wrote: Fri Aug 12, 2022 5:23 am which file to change to make the NavBar sticky?
Make the NavBar Sticky in the content module, Admin>Modules>Content>Navigation Bar
Post Reply