Happy International Labor Day 2024! Get 35% OFF for All Products, Membership and Services
VIEW MORE
labor_day"
0
Go To Cart
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
Go To Cart Total : 0 checkout
You are here: HomeForum
Welcome, Guest
Forgot your password? Forgot your username? Create an account
SmartAddons
Joomla - Members Only
Joomla Templates
Sj TopDeal

To hide a menu items of 3rd level
(1 viewing) (1) Guest
Reply Topic
New Topic
  • Page:
  • 1

TOPIC: To hide a menu items of 3rd level

To hide a menu items of 3rd level 6 years, 1 month ago #36018

Hello.
I cannot correctly to hide a menu items for 3rd level.
Menu items present but is hidden (off) in their propertys.
Also, in module i set up a levels of 1 and 2 at "Sj Mega Menu Options"
On frontend no need a parent symbol ">" and empty submenu.
How can i correctly hide 3rd level?

Here "Add File" does not work.
xn----8sbif0aygle2j.xn--p1ai/noname.png
Last Edit: 6 years, 1 month ago by exmr.
Reply Quote

Re: To hide a menu items of 3rd level 6 years, 1 month ago #36019

Dear exmr

You can add the class suffiix for the menu item: prntscr.com/iwur4t
then add the css below for your site prntscr.com/iwusbg

.sj-megamenu-parent .sj-dropdown .sj-dropdown-items .sj-has-child.hidden-submenu>a:after {
display:none;
}
.sj-megamenu-parent.menu-fade .hidden-submenu:hover >.sj-dropdown{
display:none !important;
}

please check your site again prntscr.com/iwuvz6

thanks
Reply Quote
The following user(s) said Thank You: exmr

Re: To hide a menu items of 3rd level 6 years, 1 month ago #36020

Thank you!
Excellent!
Reply Quote

Re: To hide a menu items of 3rd level 6 years, 1 month ago #36021

Dear exmr

If you have any the problem please contact us.

thanks
Reply Quote

Re: To hide a menu items of 3rd level 6 years, 1 month ago #36022

Correct styles for future users:

.sj-megamenu-parent .sj-dropdown .sj-dropdown-items .sj-has-child.hidden-submenu>a + div,
.sj-megamenu-parent .sj-dropdown .sj-dropdown-items .sj-has-child.hidden-submenu>a:after {
	display:none !important;
	opacity: 0 !important;
} 
.sj-megamenu-parent.menu-fade .hidden-submenu:hover >.sj-dropdown{
	display:none !important;
	opacity: 0 !important;
}
Last Edit: 6 years, 1 month ago by exmr.
Reply Quote

Re: To hide a menu items of 3rd level 6 years, 1 month ago #36023

Dear exmr

If you have any the problem please contact us.

thanks
Reply Quote
Reply Topic
New Topic
  • Page:
  • 1
SmartAddons
Joomla - Members Only
Joomla Templates
Sj TopDeal
Powered by Kunena
Time to create page: 0.24 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.
TigerHostings - WordPress Hosting Service
eMarket - Multipurpose MarketPlace OpenCart 4 Theme
AutoParts - Auto Parts, Tools, Equipments & Accessories Shopify Theme

Latest My Topics

No posts to display.

More Topics »

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
0
Go To Cart
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
Go To Cart Total : 0 checkout
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes