Fix the Unclosed Broken Oxygen Builder Pro Menu on Safari

If you are facing an issue where the menu built with the Oxygen Builder 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.

  • Published on: April 26, 2021
  • Updated on: April 26, 2021

Wasim Akram

Blog Author

If you are facing an issue where the menu built with the Oxygen Builder 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 over 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

Conclusion

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 to the community.

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Most Voted
Newest Oldest
Inline Feedbacks
View all comments

Related Posts You’ll Love

Keep exploring and sharpen your WordPress skills with more expert guides, tips, and inspiration tailored just for you. Each post is carefully crafted to help you build faster, solve real-world challenges, and get the most from WP.

Explore More Posts
WPnomy - Default Featured Image

How to Auto-Adjust Hero Section Spacing for Sticky Headers in Bricks Builder?

Learn how to automatically adjust the top spacing of your hero section to prevent content from being hidden when the sticky header is activated in Bricks Builder. This quick guide…

Read Now
WPnomy - Default Featured Image

My Top Concerns About the Bricks Builder Ecosystem as a Committed Member

A quick look at what really holds the Bricks Builder ecosystem together, and where things could use some work. Whether you’re new or experienced, understanding this helps us all move…

Read Now
WPnomy - Default Featured Image

What is the Best Theme to Use with Bricks Builder?

Many people search for the perfect theme to pair with Bricks Builder, but the real answer might not be what you expect. The best fit could be hiding in plain…

Read Now
  • Connect. Learn. Build Together.

    Become part of the WPnomy family; a vibrant, supportive community where freelancers, designers, and agencies come together to share insights, ask questions, and celebrate wins. Here, you’ll find encouragement, real-world tips, and a network of passionate WordPress users ready to help you grow.

    Join Facebook Community
    • Connect with passionate WordPress users who share your goals and challenges.
    • Access practical tips, insider tricks, and real-world solutions tailored for all skill levels.
    • Share your progress, get feedback, and celebrate your wins with a supportive network.
    • Stay updated on the latest WordPress features, tutorials, and community events.
    • Experience friendly mentorship and no-fluff guidance, making web building easier and more fun.
    Black Friday Background Image

    🖤 Wait! Don’t Miss These Black Friday Deals!

    Before you go, grab these exclusive 2025 Black Friday Deals; huge savings on top WordPress themes, powerful plugins, and reliable hosting to level up your site. These offers vanish soon, claim your deal now!

    Unlock My Black Friday Deals