Hello,
The design of my site include a floating menu built with bootstrap.
On landing page which is a kind of one page site with 8 areas, the menu stays static on the bottom of screen, so when the content scrolls, part of this content is hidden by the fixed menu.
I would appreciate to be able to reduce its width from all the width to a round image on its left. Clicking the image would deploy horizontally the menu bar on/off.
On others pages it behaves more as a fixed top bootstrap menu but with a height which eats part of the page. Here I would appreciate to have it automatically reducing it height when the mouse is not over its area. But I want to keep all this cool enough to avoid trying to click on already reduced part of it.
I hope my explanations are clear.
Thanks for a direction to start.