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 #3337804
Issue in making dropdown menu list
Closed

Comments

  • Fawad started the conversation
    March 31, 2023 at 12:35pm

    Hi Pencidesign team,

    Hope you are all fine and good.

    I have an issue in making multilevel menu dropdown list.

    Its working fine in one level dropdown list, But when we add second level menu list items its shows in line or horizontal. It must be shown under first menu item.

    I am attaching image to check whats going on or You can visit site URL to check the issue. 


    please see attached image.

    Thanks

    Attached files:  menu-issue-attachment.png

  •  2,486
    PenciDesign replied
    March 31, 2023 at 12:45pm

    Hi,

    For this case, please send me your WordPress admin account in a PRIVATE reply.
    I'll log in and try to help you check this problem.

    Regards,
    PenciDesign.



  •   Fawad replied privately
  •  2,486
    PenciDesign replied
    March 31, 2023 at 1:33pm

    Hi,

    Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    .navigation .menu .sub-menu, .navigation .menu .children {
        width: 240px;
    }

    Regards,
    PenciDesign.



  • Fawad replied
    March 31, 2023 at 2:44pm

    Hi, 

    I add your given css to Custom CSS.

    My main issue was MCQS set 02 should be underneath the MCQS set 1 or vice versa as we set in the menu.

    But now these both shows asides eachother.

    You can see if you visit site link and go to Main Menu -> Agri Tests -> Horticulture MCQS (last submenu item) .


    I also attach a screenshot to understand easily.

    Hope you get my point

    Thanks

    Attached files:  Screenshot (6).jpg

  •  2,486
    PenciDesign replied
    March 31, 2023 at 2:58pm

    Hi,

    Please add the following CSS code to your site:

    .navigation ul.menu ul.sub-menu li,
    .navigation ul.menu ul ul.sub-menu li {
        background: #fff;
    }

    Regards,
    PenciDesign.



  • Fawad replied
    March 31, 2023 at 5:19pm

    Hi,

    My  issue is fixed by just changing display property contents into block.


    .navigation .menu .sub-menu ul, .navigation .menu .children ul {
        display: contents;
    }

    Changed To 

    .navigation .menu .sub-menu ul, .navigation .menu .children ul {
        display: block;
    }


    Thanks for you time