- This topic has 7 replies, 2 voices, and was last updated 7 years, 10 months ago by
.
- Posts
Hi, I am developing a site with the Ultra theme, and I have noticed that the top menu bar is invisible in Opera. This has been a low priority, admittedly, but today I noticed that the menu even seems to be invisible on your demo site: https://purothemes.com/themes/ultra/?action=demo#ultra
I thought it would be worth at least posting a note about this.
I’ve been testing with Opera 12.16 in Mac OS X El Capitan.
Hi mjkuhns
Sorry about that, I was making some changes to the demo yesterday and removed it, intending to put a new menu up later this weekend. I’ve added an item to the top bar menu location now: https://demo.purothemes.com/ultra/.
Does the top bar menu show up in other browsers? If not, please check that
Appearance > Theme Settings > Top Bar Menuis enabled.Thanks
Hi, thanks for the reply. In other browsers, I can see the menus on your demo site, and the site I’m working on as well.
It appears that they are still invisible in Opera, though. I’ve tried clearing everything out and reloading, but even the demo still seems to be without the two top menus.
Thanks for your feedback. Are you definitely testing with Opera 12.16? I’m using version 38, which is the current version from what I can see.
Version: 38.0.2220.31 – Opera is up to date
Update stream: StableAssuming I’m reading the Opera changelog correctly, the 12.xx versions were released 2013.
Cool, I see the issue. Opera doesn’t support CSS
contentwhich is a pretty standard way to clear floats. I’ll try find a work around for you. We do whatever we can to assist the below is just a bit of background on old browser support.(To offer a little more information. Ultra uses a few conditionally loaded scripts to help older versions of IE deal with more modern markup. We, unfortunately, aren’t doing anything like this for older versions of Opera.
Officially, we only support the most current version of a browser and one back. This approach isn’t unique and is adopted by Google and WordPress to name a few. Here is Gmail with the same policy, just as an example. The reasons for this aren’t to intentionally disadvantage older browsers. It just becomes really time-consuming to try and maintain backwards compatibility for a really small number of users. Ideally, we’d rather spend that same development time on new features. Older browsers don’t support a lot of the modern code used in sites today so it also heavily restricts authors from using the best and most efficient methods of achieving their desired user experience. )
If you don’t already have a Custom CSS plugin installed, go to
Plugins > Add Newand search for Simple Custom CSS. Install, activate, go toAppearance > Custom CSSand insert the following:/* Old Opera */ .site-header,#top-bar { content: normal; }Hope that helps 🙂
Hi, updates:
The CSS adjusted you suggested works great. Thank you!
Oddly, I did have a 2013 version of Opera… I have used its “check for updates” item a number of times, but I don’t use the software much and I suppose it just didn’t occur to me that there had to be newer updates. For some reason, I still kept getting “you have the most up to date version.” (I have now downloaded the newest version directly from their site.)
You must be logged in to reply to this topic.