Floating vertical menu, special level
Author: FABRE Danielle
Visited 1696,
Followers 2,
Shared 0
Hi,
I need to use menu in some pages which only shows one level. (So no sidebar or stickybar...)
Is it possible to have a vertical menu floating on the left of a page?
I thought about using an html object in the page and inserting a css code but I'm blocking.
My beginning test which does not work of course...:
.imMenuObject {
float: left;
}
Thank you for your help if possible.
Danielle
Posted on the
Hellom Danielle
I know it should be floating and not sticky - but do you mean something like this : https://www.bramminginfo.dk/starten.html
Author
Hello John,
Yes it is exactly what I want .
Can you help me ?
Thanks a lot John if you can.
Danielle
Hello Danielle
You make a "normal" page with a menu on the left side of the page.
Then you "lift" the menu out to the left and fix it.
You find the ID for the menu item and then put a html-object in the bottom of the page ( or use the settings for the page - expert ).
The code is like this ( for menu object #imCell_4 ) :
<style> #imCell_4 { position: fixed; top: 80; background-color: transparent; z-index: 6000; } </style>
Doing it this way will still make the page "responsive".
Should be : Then you "lift" the menu out to the left and fix it with some code
Author
Oh many thanks John,
I'll try tomorrow morning and come back here if I have any problem; that's possible cause I'm not as clever as you...
Have a nice evening.
Danielle
Author
suite
John, I just tried it! It works perfectly.
Many thanks to you for your expertise and help.
I close this post.
Nice end of evening.
Danielle
Hi Danielle, this is the link:
http://www.bozzasito001.altervista.org/floatingmenu/
and attached you will find the project.
All the code can be found in STEP 1 Settings / Advanced / Statistics and Code / Code / Custom code / Before closing the HEAD Tag.
While in STEP 2 Model / Model Structure I activated "Header, Footer and Left Sidebar" in each breakpoint. The floating side menu can always be found in STEP 2 Model / Model Content / Sidebar (inspect each breakpoint).
Greetings from Italy