WebSite X5Help Center

 
FABRE Danielle
FABRE Danielle
User

Floating vertical menu, special level  en

Author: FABRE Danielle
Visited 1777, 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
7 ANSWERS - 1 USEFUL - 1 CORRECT
FABRE Danielle
FABRE Danielle
User
Author

Hello John,

Yes it is exactly what I want kiss.
Can you help me ?

Thanks a lot John if you can.

Danielle

Read more
Posted on the from FABRE Danielle
John S.
John S.
User

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".

Read more
Posted on the from John S.
John S.
John S.
User

Should be : Then you "lift" the menu out to the left and fix it with some code

Read more
Posted on the from John S.
FABRE Danielle
FABRE Danielle
User
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

Read more
Posted on the from FABRE Danielle
FABRE Danielle
FABRE Danielle
User
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

Read more
Posted on the from FABRE Danielle
Giuseppe Guida
Giuseppe Guida
User

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

Read more
Posted on the from Giuseppe Guida