[Resolved] Top menu missing in Opera


  • Author
  • #3972


    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.


    Andrew Misplon

    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 Menu is enabled.




    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.

    Screen capture of Ultra demo page in Opera


    Andrew Misplon

    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: Stable

    Assuming I’m reading the Opera changelog correctly, the 12.xx versions were released 2013.


    Andrew Misplon

    Cool, I see the issue. Opera doesn’t support CSS content which 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. )


    Andrew Misplon

    If you don’t already have a Custom CSS plugin installed, go to Plugins > Add New and search for Simple Custom CSS. Install, activate, go to Appearance > 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.)


    Andrew Misplon

    Super 🙂 Really glad to hear you’ve made progress.

    All the best with you site.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

Scroll to top