RapidWeaver FAQ - Floating menu (or float anything else)


How can I add a floating menu in RapidWeaver? What is that good for? How can I have some text floating? Links? An image?

Scroll down the page and see how the menu on your right hand side sticks in place as everything else moves (except the RapidWeaver logo on the right which is a link to go to the Home of this website and the black toolbar at the bottom of the window which are also part of the example here hence stick in place).

On this page I've hidden the sidebar and added a div after the float codes to make sure the menu and the image on the right have enough room to display and don't cover the content when you scroll. If there would be something in their way they would display on top of it but it doesn't look good. Of course I could also have put the menu in the browser background (the area outside the page content area).

What you achieve with floating is that something sticks in place in a certain position while the rest of the page scrolls.

In the example on this page it is mainly used to have a menu floating.

However you can also use it to have some text floating or an image with your business’ logo or whatever you want.

This is good especially when you have long pages and don’t want your visitors to have to scroll all the way back to find a menu to switch page.

How this is done is described in my
RapidWeaverFAQ.org E-Book (sample)

Hello, here you could add any HTML code you like or type any text you like! Share

RapidWeaverFAQ.org - Tutorials, Tips & Tricks is made with RapidWeaver and for RapidWeaver.
It's an EBookStoreToday.com company. It's presented by Cédric Giger and hosted by HostGator.com

Thank you for visiting and supporting my website,
- Cédric -

Now share it…