
You can configure your flyover menus now by visiting the 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!
Laura Thomas, Social Media Coordinator
- 4536 Posts
- 211 Reply Likes
Posted 6 years ago
- 2402 Posts
- 263 Reply Likes
- 1 Post
- 0 Reply Likes
- 2402 Posts
- 263 Reply Likes
- 65 Posts
- 1 Reply Like
Come on Yola. Gimme, gimme, gimme.
- 2 Posts
- 0 Reply Likes
- 5 Posts
- 0 Reply Likes
Laura Thomas, Social Media Coordinator
- 4536 Posts
- 211 Reply Likes
- 46 Posts
- 0 Reply Likes
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
Stefan, Official Rep
- 4448 Posts
- 190 Reply Likes
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. ;-)
Stefan, Official Rep
- 4448 Posts
- 190 Reply Likes
- 2 Posts
- 0 Reply Likes
- 172 Posts
- 3 Reply Likes
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?
:)
Stefan, Official Rep
- 4448 Posts
- 190 Reply Likes
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.
- 172 Posts
- 3 Reply Likes
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
Stefan, Official Rep
- 4448 Posts
- 190 Reply Likes
- 172 Posts
- 3 Reply Likes
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
Stefan, Official Rep
- 4448 Posts
- 190 Reply Likes
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.
- 2402 Posts
- 263 Reply Likes
- 172 Posts
- 3 Reply Likes
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
- 172 Posts
- 3 Reply Likes
going on to the html now
- 172 Posts
- 3 Reply Likes
- 172 Posts
- 3 Reply Likes
Thanks Stefan
- 172 Posts
- 3 Reply Likes
Stefan, Official Rep
- 4448 Posts
- 190 Reply Likes
Stefan, Official Rep
- 4448 Posts
- 190 Reply Likes
- 172 Posts
- 3 Reply Likes
Mein Englisch ist besser als mein Deutsch ;)
Etwas Deutsch steckt aber trotzdem in mir ;)
Lieben Gruss.
Micha
- 5 Posts
- 0 Reply Likes
- 5 Posts
- 0 Reply Likes
- 2402 Posts
- 263 Reply Likes
iBiz Marketing Solutions www.ibizmarketingsolutions.ca
- 73 Posts
- 16 Reply Likes
- 2402 Posts
- 263 Reply Likes
Stefan, Official Rep
- 4448 Posts
- 190 Reply Likes
Developing the feature further is on our roadmap for the first quarter of the new year. Thank you for your further patience!
- 87 Posts
- 1 Reply Like
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
Laura Thomas, Social Media Coordinator
- 4536 Posts
- 211 Reply Likes
- 4 Posts
- 0 Reply Likes
californiacountrygal.com
thanks!
iBiz Marketing Solutions www.ibizmarketingsolutions.ca
- 73 Posts
- 16 Reply Likes
- 5 Posts
- 0 Reply Likes
Monique, VP of Customer Support
- 6294 Posts
- 446 Reply Likes
- 172 Posts
- 3 Reply Likes
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.
- 5 Posts
- 0 Reply Likes
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.
- 46 Posts
- 0 Reply Likes
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
- 1 Post
- 0 Reply Likes
Best wishes
Martin
- 1 Post
- 0 Reply Likes
Thanks in advance,
Monica.
- 3 Posts
- 0 Reply Likes
Laura Thomas, Social Media Coordinator
- 4536 Posts
- 211 Reply Likes
- 2 Posts
- 0 Reply Likes
Boomer, Champion
- 2055 Posts
- 84 Reply Likes
Big G
NetWorth