Page 1 of 1

*SOLVED* Which menu best accomplishes this

Posted: Tue Feb 18, 2020 5:51 pm
by etcbbu
Hi all,

So, I'm trying to figure out the best way to combine two things that I like on two different menus on projects where I already use WYSIWYG Web Builder for my two projects, to figure out which menu is the best object to do what I need done for a new, third site, with a new top-menu navigation. Please look at the following two website's top-menu bars:

1) https://tylersportvehicles.com/index.php

What I like about this one are the first-level menu options, and then the many sub-menu options available on it. For example, when you mouseover "Design your Cart", you get the various things like, "E-Z-GO FREEDOM RXV", and "E-Z-GO FREEDOM TXT" etc.

2) https://ktravisj.com/index.php

What I like about the top menu one is its SIMPLICITY of being literally just PIECES OF TEXT that I have set as links, and I'm using one of my favorite fonts, called "Rock Salt"

So overall, what I would like is the freedom to use a creative Google Font, like Rock Salt, in this other new website I am doing; but I want it to be a big-size font, not have any sort of "button" look, about it (like, no rectangular colors around the font or anything), yet still allow me to configure "sub-menu options" (again, like I listed above, with (when you mouseover "Design your Cart", you get the various things like, "E-Z-GO FREEDOM RXV", and "E-Z-GO FREEDOM TXT" etc.)

(also, of course, need this menu to be mobile-ready on a site that will also have a 320-pixel width breakpoint)

Any suggestions?

Re: Which menu best accomplishes this

Posted: Tue Feb 18, 2020 6:22 pm
by Pablo
Why not simply remove the background and border from the menu items?
Then you will have a text only menu.

Re: Which menu best accomplishes this

Posted: Tue Feb 18, 2020 7:05 pm
by etcbbu
Trying that, here:

https://mcintyrebuilderstyler.com/test/

But notice when you mouse-over "Design Your Cart", the drop-down menu is hidden behind the image-scroller at the top, since that is the "index.php" page, and the Page Properties >> MasterPage for index.php is calling a "masterpage", and I have placed this menu on the "masterpage".

Re: Which menu best accomplishes this

Posted: Tue Feb 18, 2020 7:07 pm
by etcbbu
Is this another thing solved by using a "PageHeader" object for the top-most Floating Layer on the masterpage, instead of just a regular "Layer"?

Re: Which menu best accomplishes this

Posted: Tue Feb 18, 2020 7:26 pm
by Pablo
If you use a page header then you can set the stack level property to 'in front of content'

Re: Which menu best accomplishes this

Posted: Tue Feb 18, 2020 7:34 pm
by etcbbu
I am getting it working, but is this

"Responsive Menu"


responsive with respect to the Font-size? That is, can font-size of links change, between various Breakpoints?

Re: Which menu best accomplishes this

Posted: Tue Feb 18, 2020 9:03 pm
by Pablo
responsive with respect to the Font-size? That is, can font-size of links change, between various Breakpoints?
Correct, but the menu also has a 'mobile/stacked' mode.