Mega Menu Sub Sub Category | PenciDesign Support

kidashey replied

7 years ago

Customer Reply

UPDATE: I figured it out, thank you so much for making this post public!

Hello. I have the exact same problem. I tried using your code but doesn't work, should I change the numbers?

https://minimeenroute.com

PenciDesign replied

7 years ago

Staff Reply

Hi,

Please add more this code to Customize > Custom CSS to do that on mobile menu:

\
#sidebar-nav .menu-item-911 .penci-megamenu .penci-mega-child-categories a{ display: none; }\
#sidebar-nav .menu-item-911 .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-3"],\
#sidebar-nav .menu-item-911 .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-4"],\
#sidebar-nav .menu-item-911 .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-5"],\
#sidebar-nav .menu-item-911 .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-9"],\
#sidebar-nav .menu-item-911 .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-26"],\
#sidebar-nav .menu-item-911 .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-29"],\
#sidebar-nav .menu-item-911 .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-42"],\
#sidebar-nav .menu-item-911 .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-32"]{\
    display: block;\
}\

Best Regards,

PenciDesign

keithyuenck replied

7 years ago

Customer Reply

hi,

Thank you for the prompt help. Now it works on laptop but I just checked using my mobile, it display all countries in my mobile. Laptop it works all well according to categories.

Im so sorry for troubling you. Appreciate and grateful for your help.

Regards

Keith Yuen

PenciDesign replied

7 years ago

Staff Reply

Hi,

Please try again with this code:

\
#navigation .menu-item-911 .penci-megamenu .penci-mega-child-categories a{ display: none; }\
#navigation .menu-item-911 .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-3"],\
#navigation .menu-item-911 .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-4"],\
#navigation .menu-item-911 .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-5"],\
#navigation .menu-item-911 .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-9"],\
#navigation .menu-item-911 .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-26"],\
#navigation .menu-item-911 .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-29"],\
#navigation .menu-item-911 .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-42"],\
#navigation .menu-item-911 .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-32"]{\
    display: block;\
}\

Best Regards,

PenciDesign

keithyuenck replied

7 years ago

Customer Reply

Hi,

Thank you for your prompt help. But once I changed the code, the Destinations went back to the same and listed down all countries again. :-(

Vegetarian Inspiration 360 categories are not under Destinations. They are different set.

https://www.travelinspiration360.com/

Regards

Keith Yuen

PenciDesign replied

7 years ago

Staff Reply

Hi,

Ohh yeah, sorry.

Please change the code I sent to this code:

\
#navigation .penci-megamenu.menu-item-911 .penci-mega-child-categories a{ display: none; }\
#navigation .penci-megamenu.menu-item-911 .penci-mega-child-categories a[data-id="penci-mega-3"],\
#navigation .penci-megamenu.menu-item-911 .penci-mega-child-categories a[data-id="penci-mega-4"],\
#navigation .penci-megamenu.menu-item-911 .penci-mega-child-categories a[data-id="penci-mega-5"],\
#navigation .penci-megamenu.menu-item-911 .penci-mega-child-categories a[data-id="penci-mega-9"],\
#navigation .penci-megamenu.menu-item-911 .penci-mega-child-categories a[data-id="penci-mega-26"],\
#navigation .penci-megamenu.menu-item-911 .penci-mega-child-categories a[data-id="penci-mega-29"],\
#navigation .penci-megamenu.menu-item-911 .penci-mega-child-categories a[data-id="penci-mega-42"],\
#navigation .penci-megamenu.menu-item-911 .penci-mega-child-categories a[data-id="penci-mega-32"]{\
    display: block;\
}\

Best Regards,

PenciDesign

keithyuenck replied

7 years ago

Customer Reply

Hi,

After I followed your instruction, now my Vegetarian Inspiration 360's menu is not functioning. But Destination is okay now. I wonder how to fix it now?

https://www.travelinspiration360.com/

The CSS Code as follow:

.widget ul.side-newsfeed li .side-item .side-item-text h4 a {font-size: 14px}

\

.menu-item-9127 .penci-mega-child-categories a:nth-child(4),.menu-item-9127 .penci-mega-child-categories a:nth-child(7),.menu-item-9127 .penci-mega-child-categories a:nth-child(8){display:none !important;}

\

#navigation .penci-megamenu .penci-mega-child-categories a{ display: none; }
#navigation .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-3"],
#navigation .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-4"],
#navigation .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-5"],
#navigation .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-9"],
#navigation .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-26"],
#navigation .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-29"],
#navigation .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-42"],
#navigation .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-32"]{
display: block;
}

PenciDesign replied

7 years ago

Staff Reply

Hi,

Please try add more this code to Customize > Custom CSS to do that:

\
#navigation .penci-megamenu .penci-mega-child-categories a{ display: none; }\
#navigation .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-3"],\
#navigation .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-4"],\
#navigation .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-5"],\
#navigation .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-9"],\
#navigation .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-26"],\
#navigation .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-29"],\
#navigation .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-42"],\
#navigation .penci-megamenu .penci-mega-child-categories a[data-id="penci-mega-32"]{\
    display: block;\
}\

Best Regards,

PenciDesign

keithyuenck started the conversation

7 years ago

Conversation Start

Hi,

Kindly refer to my web address: https://www.travelinspiration360.com/

On my website mega menu for "Destinations", you can see I have many sub categories. I only would like to show Africa, Asia, Europe, Middle East, North America, Oceania & Pacific Islands & South America.

But this shows all the countries I have in the sub category.

For example

World Destinations

- Africa

--Morocco

--Egypt

-Asia

--Thailand

--Singapore

--Malaysia

-Europe

--Belgium

--England

--France

How can I only show on the mega menu for Africa, Asia and Europe only instead of all countries? I figure out for a long time and I couldn't get it. :-(

Please help. Thank you! :-)

Regards

Keith Yuen