Toolonomy Logo

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.
Mohammed Wasim Akram
Blog Post Author
Last Updated: March 21, 2022
Blogpost Type:
0 Shares

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
  • Save

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
  • Save

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
  • Save

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 Shares
Toolonomy Online Community Image
Join Toolonomy Community
Toolonomy Community is a dedicated place to explore the Discussion, Content, Deals & Hidden Details about the Business Development Tools that have the potential to help you succeed in your journey to Digital Entrepreneurship by letting you build, manage, and grow your Business Online with ease.
Free Membership
A Google & HubSpot Certified Digital Marketing Specialist, Self-Taught WordPress Expert, Useful BizDev (Business Development) Tools & Deals Explorer, and the Founder of SyncWin & Toolonomy.
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
Related Blog Posts
Explore all the other related blog posts.
WordPress
How to Restore a Missing Header on WordPress Websites?
Get your disappeared WordPress header or footer back in no time with our step-by-step tutorial. Learn how to fix the vanished header or footer by restoring the missing theme PHP file with ease. Click now to bring y...
WordPress
Yabe Webfont Review: Best No-Code WordPress Font Manager
Discover the Yabe Webfont plugin to effortlessly manage fonts on your WordPress site with this game-changing plugin and enhance the website appearance without any coding skills. Seamlessly integrate with WordPress ...
WordPress
How to Hide WordPress Admin Menu Items with Zero-Code?
Simplify your WordPress Admin Menu customization by learning how to hide any of the menu and sub-menu items for specific user roles effortlessly using WP Admin Cleaner. Streamline your website management without an...
Explore Blog

Become a Toolonomy Community Member for Free!

Consider joining our Official Community Group if you want to get access to exclusive insider content and information about Exclusive Digital Tools and Technologies. Also, you will be able to get involved in interesting group discussions with like-minded people that are interested in similar topics as you.
Become a Member
Toolonomy Logo
Made with ❤ for Digital Tool & Tech Enthusiasts
Copyright © 2018 - 2023 by SyncWin | All Rights Reserved.
Top crossmenu
0 Shares
Copy link