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!
floating buttons
-
- VIP Member
- Posts: 2030
- Joined: Mon Oct 07, 2019 4:39 am
- : Buy Me A Beverage
- Has thanked: 28 times
- Been thanked: 187 times
Re: floating buttons
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.
Re: floating buttons
@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.
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.
-
- VIP Member
- Posts: 2030
- Joined: Mon Oct 07, 2019 4:39 am
- : Buy Me A Beverage
- Has thanked: 28 times
- Been thanked: 187 times
Re: floating buttons
Make the NavBar Sticky in the content module, Admin>Modules>Content>Navigation Bar