Generic selectors
Exact matches only
Search in title
Search in content
Filter by Categories
Advanced Scripts
Amazon SES
Amazon Web Services
Blocksy Theme
Brand Building
Bricks Builder
Digital Marketing
Email Marketing
Fluent CRM
Fluent Forms
Fluent SMTP
Google Fonts
Hydrogen Pack
Kadence Theme
Meta Box
Online Business
Oxygen Builder
Piotnet Forms
Piotnet Grid
Scripts Organizer
Search Engine Optimization
Social Media Marketing
Swiss Knife
Web Design
Web Development
Web Strategy
Work From Home
WP Social Ninja
Zion Builder

Fix the Unclosed Broken Oxygen Pro Menu on Safari

Written by:
Mohammed Wasim Akram
First Published on:
April 26, 2021
Last Updated on:
June 20, 2021
Post Categories:
✼ Disclaimer: SyncWin is user-supported therefore this page may contain our affiliate links and if you purchase something using those links, we may get some commission without any additional cost to you. Click to Learn More.

Please note we want to keep things crystal clear that this page may contain some of our affiliate links. Also, we don't know, use or recommend every product we link to, so please do your due diligence before making your buying decision.

However, there are very few selected products that we trust, use, and recommend to our readers and community, and we always mention that on our website which you could also find on our dedicated Recommendation Page.

Hence, if you make a purchase using any of those links, then it is safe to assume that we might get a small amount of commission without any additional cost to you, which helps and encourages us to produce more helpful content like this for you.

Feel free to explore our Legal Policy Pages.

If you are facing an issue where the menu built with the Oxygen pro menu element is broken and always open in the Apple Safari Browser then this tutorial will help you fix just that using a simple CSS.

The Unclosed Broken Pro Menu Issue

Check out the below image to see the actual issue where the sub menu items are kind of distorted and always open without even hovering the menu items.

Pro Menu Issue in Safari Browser - Image - SyncWIn

I would like to shout out and give thanks to my good friend Matt Hias who multiple times reminded me to fix the issue but I don't have a Mac computer and also I was too lazy to fix the issue so I always ignored it because I never find the same issue on other browsers such as Chrome, Firefox, or Edge.

Reason for The Unclosed Broken Pro Menu Issue

According to Matt the reason for this broken menu could be the default Oxygen Pro Menu CSS which is rotateX(100deg) that you can see in the below image to understand the issue more clearly.

Pro Menu Issue in Safari Browser DevTool - Image - SyncWIn

Fix for The Unclosed Broken Pro Menu Issue with a CSS Snippet

So now you know the reason then by now you might be understood that the fix should be simple and just changing the 100deg to 90deg should do the trick.

Thankfully, Matt took his precious time to debug the issue and provided me with the CSS snippet which eventually fixed the Pro Menu issue on the Safari browser though it took a few trials and errors.

Check out the CSS snippet by clicking on the button below button and add the snippet to your website either from the WordPress customizer Additional CSS, Oxygen Stylesheet, Advanced Scripts, or Scripts Organizer.

You can find the result of fixing the Oxygen broken Pro menu on Safari Browser in the below screenshot which is also taken from a Safari browser as the other screenshots.

Fixed Pro Menu Issue in Safari Browser - Image - SyncWIn


In this post, I have covered how to fix the unclosed broken Oxygen pro menu on the Safari browser using a CSS snippet.

If you found this post helpful then consider sharing it with your friends and community so that they also get some help out of it as I am sure that I am not the only person who was facing this issue.

Also if you have to ask or say something regarding this post then please use the comment box below to add more value for the community.

Become an Insider to Syncronize with Web-Success.

email Newsletter
Facebook Group
Subscribe to our newsletter to get insider wisdoms.
Join our community to connect with likeminded folks.
Join FB Group

Related Resource Posts

September 27, 2019
How to Install WordPress on Bluehost [Step-by-Step]

Here is the step by step illustrative guide to making a WordPress website with Bluehost for the beginners. Let's create your business website today.

Read More
June 13, 2021
How to Create a Typeform Style Form with Fluent Forms

If you're looking for the process of creating a conversational form like TypeForm using the brand new feature of the most popular and powerful Fluent Forms, then stick with me as in this tutorial I am going to show you the step-by-step process of creating a basic conversational form.

Read More

Leave Your Feedback

Notify of
Inline Feedbacks
View all comments

Blog Categories

Top menu-circlecross-circlechevron-down-circle
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram