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.
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!
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
Posted 7 years ago
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.
Come on Yola. Gimme, gimme, gimme.
Agreed! Give this option to the Premium styles!
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.
Laura Thomas, Social Media Coordinator
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!
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
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
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. ;-)
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
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.
Maybe there's a way to make it an option either to have the submenu or the flyover menu?
Stefan, Official Rep
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:
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.
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.
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
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
Sure, no problem. You can use our Contact Support Form, and add "Attn Stefan" to the subject. Looking forward to the new challenge!
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
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
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:
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:
Let me know if you have any questions.
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.
I have a better idea...How about some follow through and finish the fly over menu on all styles?
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
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
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
going on to the html now
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
Thanks Stefan
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)
Stefan, Official Rep
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?
Stefan, Official Rep
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. ;-)
Find ich super Stefan.
Mein Englisch ist besser als mein Deutsch ;)
Etwas Deutsch steckt aber trotzdem in mir ;)
Lieben Gruss.
Micha
Mein Englisch ist besser als mein Deutsch ;)
Etwas Deutsch steckt aber trotzdem in mir ;)
Lieben Gruss.
Micha
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?
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.
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.
Yes how about an update on this please
Stefan, Official Rep
Hi everybody
Developing the feature further is on our roadmap for the first quarter of the new year. Thank you for your further patience!
Developing the feature further is on our roadmap for the first quarter of the new year. Thank you for your further patience!
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
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
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.
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 ??
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.
Monique, VP of Customer Support
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.
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.
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.
Nice post Mik.
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.
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.
Has this been added to the premium styles yet?
Laura Thomas, Social Media Coordinator
No it has not. They are available on our newest, most flexible style, Super Flat!
How can I put all links of my sites on the left side of page?
Boomer, Champion
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.
Big G
NetWorth