Try out our new Flyover Menu

  • 1
  • Announcement
  • Updated 4 years ago
We are pleased to introduce a new website menu feature. This feature can be used to display second level menu items in a flyover format. This is a great way to manage sites that have many pages.

Flyover Menu

You can configure your flyover menus now by visiting the Page Manager:

Page Manager
Note: We are currently offering this feature on all of our Free Styles. Enabling this for our Premium Styles will require additional functionality so as not to interfere with the existing two level menu feature. We plan to add this functionality to all our styles based on your feedback so check them out and let us know your thoughts!
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes

Posted 6 years ago

  • 1
Photo of KanThaiDecor

KanThaiDecor

  • 2402 Posts
  • 263 Reply Likes
This would be perfect for my Wide Rounded Glass style I am using.
Photo of Big G

Big G

  • 65 Posts
  • 1 Reply Like
Exactly what I was thinking.
Photo of NetWorth

NetWorth

  • 7 Posts
  • 0 Reply Likes
Yes! - please add them to all Styles ... as soon as possible. :-)
Photo of Servicenpurpose

Servicenpurpose

  • 1 Post
  • 0 Reply Likes
I like it!
Photo of KanThaiDecor

KanThaiDecor

  • 2402 Posts
  • 263 Reply Likes
Me too.....Hope they add it soon to all styles
Photo of Big G

Big G

  • 65 Posts
  • 1 Reply Like
This is a must have for all styles more over "Premium" Styles that could do with this functionality as Yola seems to be playing catch up with "Styles".

Come on Yola. Gimme, gimme, gimme.
Photo of Jessica Hofmann

Jessica Hofmann

  • 2 Posts
  • 0 Reply Likes
Agreed! Give this option to the Premium styles!
Photo of Antonio بيلي

Antonio بيلي

  • 5 Posts
  • 0 Reply Likes
It has been several months since this feature was implemented... and still nothing for PAYING premium customers??? IT doesn't take this long to find a solution to small conflicting software problems. This is completely unacceptable. I'm seriously considering other web hosting services when my expiration date nears. To be this limited and I pay as much as I do, is completely unacceptable.
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
We are still in the testing phase but we're excited to see positive feedback and an interest in adding this to our Premium Styles. We'll keep you updated about our progress!
Photo of Jacob

Jacob

  • 46 Posts
  • 0 Reply Likes
Premium style: I have a premium style and gold level, I would have assumed this would take priority on premium styles first before free sites, as we are paying members?. Is it more complicated than this to configure on your end?.
Perhaps I can start a new site and try this feature out and test this for quality.
Is there an active site that has this feature I can view?.
thank you
Jacob
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Jacob

I absolutely agree with you that Flyover Menus should be available with Premium Styles. However, as you assumed, it will require a bit of more work to implement this for Premium Styles because they already have the submenu feature. We're still testing the Flyover Menus, and would like to consider improving them according to our users' feedback.

Yes, there is a test site which I created. Please note that I have added CSS edits to customise the menus the way they look now. I'm happy to give you the CSS code you need to edit your Flyover Menus individually, just let me know what you'd like to change. ;-)
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
You can also test it yourself by creating a test site within your Yola account. Choose any Free Style, and create pages using the Page Manager. Subordinate the pages which should appear in the Flyover Menus as submenus.
Photo of Jessica Hofmann

Jessica Hofmann

  • 2 Posts
  • 0 Reply Likes
Maybe there's a way to make it an option either to have the submenu or the flyover menu?
Photo of mik

mik

  • 172 Posts
  • 3 Reply Likes
It's cool, I like it...
The only thing is it only comes in BLUE. ?

I was hoping to change the colour/image in CSS, but I couldn't see where to apply changes.

Is one even able to change the blue highlighted menu tab to another colour?

:)
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello mik

Yes, you can edit the appearance of your Flyover Menus.

Here is how to change the background colour of the hover stripe:
1. Add this code to your Site CSS overrides menu:
.ys_submenu ul li:hover {

background: none;
background: #000033 !important;
}

2. Now change the colour code after "background" to the desired colour. You can refer to this HTML Color Code Chart for the color codes.

It is possible that it won't work when you add it to the Site CSS. In this case you will need to add it to each page by using the HTML Widget. The code you add to the HTML Widget must be this:



Please let me know how that goes and if you'd like to change more features of your Flyover Menu.
Photo of mik

mik

  • 172 Posts
  • 3 Reply Likes
I def need to change the height perspective.
Can I email you to check out a link to a clients website?
Don't want to be too public about the site yet. :P
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Sure, no problem. You can use our Contact Support Form, and add "Attn Stefan" to the subject. Looking forward to the new challenge!
Photo of mik

mik

  • 172 Posts
  • 3 Reply Likes
Hi, I would really like to alter the style of the fly-over menu..
could you give me some variations on how to alter FONT SIZE not only on li:hover, but also on first view?! Please also assist me with FONT COLOR

Thank you ever so much, I did email Support a few times about this in the last few days,.

MK
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hi Mick

To make the required changes, you will need to edit your Site CSS. However, for some reasons the edits for Flyover Menus will currently not always work when adding to the CSS Editor, so you may need to add them inline to each page using the HTML Widget. I'm sorry for the inconvenience this may cause.

Here is the code to edit font colour, font size, and font type:
.ys_submenu ul li a {

color:#000000 !important;
font-family: Comic Sans MS !important;
font-size: 16pt !important;
}

.ys_submenu ul li a:hover, .ys_submenu ul li:hover a {
color: #000000 !important;
font-family: Comic Sans MS !important;
font-size: 16pt !important;
}

The first paragraph is to change the display of your font in general, and the second one to change the display of your font when hovering over it. Adjust the values as needed.

If you add this code to each page inline using an HTML Widget, you will need to enclose the above code within style tags like this:


<style type="text/css">
.ys_submenu ul li a {
color: #000000 !important;
font-family: Comic Sans MS !important;
font-size: 16pt !important;
}

.ys_submenu ul li a:hover, .ys_submenu ul li:hover a {
color: #000000 !important;
font-family: Comic Sans MS !important;
font-size: 16pt !important;
}
</style>


Let me know if you have any questions.
Photo of KanThaiDecor

KanThaiDecor

  • 2402 Posts
  • 263 Reply Likes
I have a better idea...How about some follow through and finish the fly over menu on all styles?
Photo of mik

mik

  • 172 Posts
  • 3 Reply Likes
Stefan you little legend, that worked for me.. when I added the CSS over-ride.
BUT it only worked when being previewed in the cutom CSS preview.

I saved, published and cleared my cache.

I'm going to attempt the HTML steps you suggested.

Keep me updated if you have a CSS solution ;)

Mick
Photo of mik

mik

  • 172 Posts
  • 3 Reply Likes
I also just tried to disable the CSS over-ride and enable it again - no joy as of yet

going on to the html now
Photo of mik

mik

  • 172 Posts
  • 3 Reply Likes
Photo of mik

mik

  • 172 Posts
  • 3 Reply Likes
It worked! - I added the HTML snippet. I placed it on the 'index' page and on the 'Angebote' page. Will see how I get on. I may not even use if on this occasion, but it was a good test none the less.

Thanks Stefan
Photo of mik

mik

  • 172 Posts
  • 3 Reply Likes
Sorry for spamming UPDATE: One has to add the HTML snippet to EVERY PAGE in order for the Menu to consistently stay the same. (Stefan did say)
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Pleasure, Mick. I'm sorry that it doesn't always work through CSS (some Flyover Menu edits do work, though). So yes, you will need to add it to each page for the time being. By the way, since your menu links are in German, are you German?
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Ups, ich habe erst jetzt dein Kompliment in diesem Thread gesehen, danke dir! Und jetzt weiß ich auch, dass du Deutsch sprichst. Wenn du möchtest, kann ich dir auch Community Support auf Deutsch anbieten: deutschsprachiges Yola Supportforum. Hier im englischsprachigen Forum ist allerdings mehr los. ;-)
Photo of mik

mik

  • 172 Posts
  • 3 Reply Likes
Find ich super Stefan.
Mein Englisch ist besser als mein Deutsch ;)
Etwas Deutsch steckt aber trotzdem in mir ;)

Lieben Gruss.

Micha
Photo of Kat

Kat

  • 5 Posts
  • 0 Reply Likes
Since I have the Yola Silver account and I'm using a premium style, if I switch over to a free style will I be able to use this feature?
Photo of Kat

Kat

  • 5 Posts
  • 0 Reply Likes
I didn't even know about it till now because I have premium styles, and they should add it to premium styles because it's like the drop-down menu and I've been wanting that. Personally I think they should get rid of the two-level feature in all and just completely replace it with fly-over.
Photo of KanThaiDecor

KanThaiDecor

  • 2402 Posts
  • 263 Reply Likes
I agree and this is EXACTLY what I have been needing for my site.
Hi any update on this ? the current 2 level menu is very dated, the new flyover is keeping up with the times - please roll out to the premium styles.
Photo of KanThaiDecor

KanThaiDecor

  • 2402 Posts
  • 263 Reply Likes
Yes how about an update on this please
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hi everybody

Developing the feature further is on our roadmap for the first quarter of the new year. Thank you for your further patience!
Photo of A

A

  • 87 Posts
  • 1 Reply Like
Hi

Any news on the flyover for premium sites? I would love this functionality, but don't want to change my web site to a free one.

Thanks

A
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Nothing to report yet but we are busy prioritizing our Sitebuilder projects for this year so we hope to update this thread soon with more information.
Photo of annabelle

annabelle

  • 4 Posts
  • 0 Reply Likes
yes yes yes yes!!! this is very important to the layout for my site
californiacountrygal.com

thanks!
Hi, any update on this ?? its been 4 months now and should be in the premium templates as we are paying to use those are we not ??
Photo of Antonio بيلي

Antonio بيلي

  • 5 Posts
  • 0 Reply Likes
I completely agree. It doesn't take 4+ months to figure out something this minute. I could present this issue to a high school web development class, and they could find a solution within a month I'm sure. This is absurd and unacceptable.
Photo of Monique

Monique, VP of Customer Support

  • 6294 Posts
  • 446 Reply Likes
Hi Antonio I am sure your high school web development class could build fly over menus in isolation as a fun little coding exercise. But I very much doubt that they could make this work with an existing set of styles already in use on millions of sites without affecting any other aspect of those sites and their user generated content. Luckily though, we have no plans to let loose a bunch of high school kids on our code base and our engineers actually do know how to do this, it is merely a case of what to work on in what order. Once they have the scope to work on it, it will be done quickly and it is a gross misrepresentation to imply that this is all they have been applying their minds to for the last four months. I do realize that the development process can seem baffling and slow to people not directly involved with the schedule and the trade offs being made. And the absence of a feature, when considered in isolation to everything else we are working on, may not make sense to you. Having said that I really look forward to a number of great improvements we have in the pipeline, including, but not limited to, supporting fly over menus on all our styles.
Photo of mik

mik

  • 172 Posts
  • 3 Reply Likes
ooooph.. quite a stern response there Monique.
I'm sure Antonio just vented on a bad day... a bit of jealousy there from a paying customer toward a none paying customer.. the fly-over menu is great after all.
Gop... love your comment! As always, very pro supportive of Yola, and so we really should be, they have assisted many of us on our journey through web development. Let's see what the next month brings ;)

I'm personally still waiting back on Yola to hear how the engineers are getting on with an ipad user issue.... hoping that there might be a quicker fix for that than there is for this...

whichever way, I hope I speak for us all when I say I hope Yola will restore faith in us all again come the end of the first quarter.. hopefully loads of modern/new features that will propel us into 21st century website looks and functionality.

Good luck Yola.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Nice post Mik.
Photo of Antonio بيلي

Antonio بيلي

  • 5 Posts
  • 0 Reply Likes
Monique... assuming you work for Yola (otherwise I'm not sure of the basis of your rant) I'd suggest that if you were going to shamelessly condescend me and be quite unprofessional to paying customers, sounding off on an issue that MANY others have complained about and that Yola has been really dismissive of other than scanty "hush up" details... you'd make sure to be on your A-game so as not to do anything to make yourself look foolish. Typing a giant rant in one huge paragraph is something you learn in elementary school, is akin to terrible and improper grammar.

With that said: perhaps if Yola's customer relations team had given us specifics as you did—albeit in a much more professional and tactful manner—you all wouldn't be getting so many of the same frustrated comments, wondering why PAYING customers are not getting seemingly simple-to-implement-features that free customers are getting. In that regard, I don't think my complaint was without cause.

You all have a DUTY to keep us paying customers thoroughly informed on all things of concerns. You all do not reserve the right to be scanty on details, dismissive of peoples problems/concerns with the way things are being addressed, apathetic about peoples concerns, and anything in-between. In addition to it taking a long time to get this flyover menu implemented, it seems to take an absurdly long amount of time for Yola to make enhancements to their site which adds new and/or improved features. For example, I have asked repeatedly on why there isn't another web template similar to "Wide Rounded Glass," that I can use. It has the perfect width for my particular website. Every other template you all offer has super narrow widths that look goofy and aren't web standard in most cases. I either get a generic response or I get told that additional templates like wide rounded glass are being devised, and to this day I haven't seen one. This is just one of many other examples I can give.

In closing, you can save your condescending verbal theatrics for someone complaining on a free site. We you are dealing with people using their money to pay for a service, you don't have the right to sound off on an issue... especially when that issue is being poorly handled by the powers that be.

That's all.
Photo of Jacob

Jacob

  • 46 Posts
  • 0 Reply Likes
Hi fellow yola customers:
I'm a yola gold customer, both myself and the rest of you, don't know how much time, effort, analyizine or any of that manner it takes, unless your working directly within the yola team. Everything being implemented for effective change takes work and time for 100% activity.

Couple month's ago, I researched other web developers like yola, and found yola to be the best for the following reasons.

yola good sitebuilder/ because:
on-going active forums for questions
telephone support
new enhanced blog, with great information
help section: to research and look up any questions, right on your home page.
navigate: you can navigate through many resources yola has to offer, throught many forms of communication, to get what you need, very professional and effective.

Note;
Wouldn't one want to do some research, on how they can effectively build there website on their own, something to be more proud of, people do some leg work.

yola, keep doing what you do, it's amazing
thank you
Jacob Lucas
Photo of Martin Cordner

Martin Cordner

  • 1 Post
  • 0 Reply Likes
Come on Yola, this is excellent & would be really helpful on my site which is based on the Faithful Light template. Do your stuff!

Best wishes

Martin
Photo of M Borges

M Borges

  • 1 Post
  • 0 Reply Likes
Please add this to all styles asap!! This would be very helpful!

Thanks in advance,
Monica.
Photo of Jane Haywood

Jane Haywood

  • 3 Posts
  • 0 Reply Likes
Has this been added to the premium styles yet?
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
No it has not. They are available on our newest, most flexible style, Super Flat!
Photo of MikhailG

MikhailG

  • 2 Posts
  • 0 Reply Likes
How can I put all links of my sites on the left side of page?
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
If you are referring to text links, you can just place them in the left hand side of a 2 column widget. If you are referring to your menu, there are some Yola templates already with this setup.