Tabs showing on the top of Mega menu

[arsalanitpt]

Hi, If you open this web page: https://www.itpt.co.uk/course/pda-computer-support/ and hover over the megamenu, the tabs will hold their place and will show at the top of mega menu making it un-assessable. Can you please comment on this?    

[Diana]

@arsalanitpt, I checked your issue on my test setup by creating tabs in the course description and enable megamenu. But when I hover on the megamenu the tabs hide which is placed in the course description. some kind of styling is overriding the actual styling. So I need your correct admin credentials to replicate this issue at your end. P.S. Mark your reply as private while sharing your admin credentials with us.

[arsalanitpt]

This reply has been marked as private.

[Diana]

@arsalanitpt, I have tested your issue on my test setup by creating tabs just like your single course page tabs and everything works fine. Refer : http://prntscr.com/hncv22 http://prntscr.com/hncvcw Then checked your website and found that the styling is overriding due to third-party plugins  

[arsalanitpt]

Can you please name the plugin?

[arsalanitpt]

These tabs are created using vibe tabs so they should perfectly fit in. There are pages where am using visual composer tabs and they are fine as well. Can you please pin me the plugin you think is causing the styling conflict? or this is what you suppose?

[Diana]

@arsalanitpt, Let me check this on your website

[Diana]

@arsalanitpt, Please go to wp-admin > Appearance > customize > custom CSS and paste this CSS in the editor. .course-template-default ul.sub-menu {z-index: 200 !important;}  

[Author]

Posts