WebSite X5Help Center

 
Giulio V.
Giulio V.
User

How Put the Word "MENU" on the Hamburger Menu  en

Autor: Giulio V.
Visitado 2837, Followers 1, Compartido 0  

Is there a way to put The Word MENU on the Hamburger Menu Button.

Many folks just don't know they can access the site menu by using the Hamburger Menu Button. 

They just think it is a symbol they have no idea what it is.

This would end a frustration for visitors that are not too knowlegable with what the Hamburger menu does.

Thank you.

Publicado en
21 RESPUESTAS - 1 ÚTIL
Esahc ..
Esahc ..
Moderator

Giulio, with the new menu object you can now place the word Menu above, below, or next to the toaster bar in both the header and sticky bar, you can even add the word so that it is visible only at or below certain resolutions.

I would however like to be able to replace the toaster bars with perhaps the word Menu or a graphic if I wished to do so.

Leer más
Publicado en de Esahc ..
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(It > En) ... ... or with EXTRA code, but you must post the LINK in order to evaluate if it is possible ...

.

ciao

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Giulio V.
Giulio V.
User
Autor

Esahc,

Thank you for your reply it was very helpful. Although I do like your idea to be able to replace the toaster bars with the word Menu or a graphic of our own.

Regards,

Giulio

Leer más
Publicado en de Giulio V.
John S.
John S.
User

Hello Giulio

Then post a link to your site.

KolAsim offers you to show you a way if you post the link so he can analyse how - if possible.

Leer más
Publicado en de John S.
Axel  
Axel  
User

Hello Esahc,

Which new menu object, where... nothing into my objects list. No possiblity to upload a "Menu object"

And on my pro version no option to put a title 

Regards

https://wsx5.afsoftware.fr

Leer más
Publicado en de Axel  
Esahc ..
Esahc ..
Moderator

I think you misunderstood my answer. You are quite right, you cannot add text into the menu object, but with the (new) menu now an object that can be placed anywhere (since v13/v14??) it means you can place text or graphics near the menu object as in my example above because you can place the menu exactly where you want it.

Leer más
Publicado en de Esahc ..
Tom G.
Tom G.
User
John S.
... KolAsim offers you to show you a way if you post the link so he can analyse how - if possible.

I would suggest that you post link to your site. KolAsim helped me several times (to add some code) to accomplish different things not supported by WSX5. But again, he needs the link...

Leer más
Publicado en de Tom G.
Tom G.
Tom G.
User
Nicole B.
I had this question previously. Searched the boards and found the answer https://helpcenter.websitex5.com/es/post/183557

In addition to the code in the post mentioned by Nicole B., if you add .hamburger-bar {display: none} (between <style> and </style>) you will only see the word MENU and no "hamburger".

Leer más
Publicado en de Tom G.
Esahc ..
Esahc ..
Moderator

v17 now allows you to replace the toaster menu with an image.

Leer más
Publicado en de Esahc ..
Tom G.
Tom G.
User

Where is it, Esahc?

Leer más
Publicado en de Tom G.
Tom G.
Tom G.
User

I found it:

2 Template - Template Content - Main - Hamburger Button (under Menu Item, drop down list)

Do you know how to set it to have this menu for low resolution (smart phones, iPods) and normal menu for higher resolutions (PCs)? I could not figure it out...

Leer más
Publicado en de Tom G.
Bjorn Andreassen
Bjorn Andreassen
User

"v17 now allows you to replace the toaster menu with an image."

Don't work as expected.

Leer más
Publicado en de Bjorn Andreassen
Bjorn Andreassen
Bjorn Andreassen
User

Settings.

Leer más
Publicado en de Bjorn Andreassen
Tom G.
Tom G.
User

I came to the same conclusion. But maybe we are wrong?

Using KolAsim's code plus my little addition a got what theauthor of this post asked about:

    

Clicking on the word MENU, opens real menu:

Leer más
Publicado en de Tom G.
Andre E
Andre E
Moderator

The picture for the background should be about the same size as the hamburgermenu is.

If you want a bigger picture in the hamburgermenu, make the hamburgermenu bigger and try again.

I just tested with a smaller image and that works.

Or try for test a smaller image, it's not in the help file but I gues the size should be the same, a bigger picture then the 3 stripes menu gets off the grid and won't show up properly.

Leer más
Publicado en de Andre E
Bjorn Andreassen
Bjorn Andreassen
User

But transparent background should be transparent. See my posts over.

Leer más
Publicado en de Bjorn Andreassen
Andre E
Andre E
Moderator

Yes background transparant should show up as transparant. I just tested this but that does not work.

I will ask Incomedia to check/ respond for you on that.

Thx

Leer más
Publicado en de Andre E
Tom G.
Tom G.
User

I do not like the fact that you have to adjust the size of the image to the size of the menu. In my opinion, this implementation (replacing the menu with an image, as it is now in version 17) is useless! I think that the simple code added to the page gives a better effect (with text, not a picture though) than suggested in WSX5.

                           

The programmers will have to put a lot of work into it to make it usable!

Leer más
Publicado en de Tom G.
Tom G.
Tom G.
User

Just run another test: You can put animage instead of text!

                

The size of an image doesn't matter. The original size of an image will be displayed - it's up to you.

Leer más
Publicado en de Tom G.