WebSite X5Help Center

 
FABRE Danielle
FABRE Danielle
User

Floating vertical menu, special level  en

Autor: FABRE Danielle
Besucht 1770, Followers 2, Geteilt 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

Gepostet am
7 ANTWORTEN - 1 NüTZLICH - 1 KORREKT
FABRE Danielle
FABRE Danielle
User
Autor

Hello John,

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

Thanks a lot John if you can.

Danielle

Mehr lesen
Gepostet am von 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".

Mehr lesen
Gepostet am von John S.
John S.
John S.
User

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

Mehr lesen
Gepostet am von John S.
FABRE Danielle
FABRE Danielle
User
Autor

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

Mehr lesen
Gepostet am von FABRE Danielle
FABRE Danielle
FABRE Danielle
User
Autor

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

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von Giuseppe Guida