Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #1806185
Mega Menu Sub Sub Category
Closed

Comments

  • keithyuenck started the conversation
    December 3, 2018 at 1:05pm

    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

  •  2,699
    PenciDesign replied
    December 3, 2018 at 1:20pm

    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 replied
    December 4, 2018 at 3:56pm

    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;
    }


  •  2,699
    PenciDesign replied
    December 4, 2018 at 3:59pm

    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
    December 4, 2018 at 4:28pm

    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

  •  2,699
    PenciDesign replied
    December 4, 2018 at 4:35pm

    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
    December 4, 2018 at 5:48pm

    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

  •  2,699
    PenciDesign replied
    December 5, 2018 at 2:40am

    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

  •  1
    kidashey replied
    March 29, 2019 at 12:32am

    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