Home Forums WoodMart support forum Unable to style the dropdown menu

Unable to style the dropdown menu

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #530970

    ezdaisy4
    Participant

    I want the “Shop” dropdown menu to look like the “My Account” dropdown menu. I cannot figure out how to style it.

    Also, I want to remove the automatic page-scroll when opening an accordion on Mobile — please advise.

    Thank you

    • This topic was modified 1 year, 9 months ago by ezdaisy4.
    #531199

    Hung Pham
    Participant

    Hi ezdaisy4,

    Thanks for reaching to us.

    1. I want the “Shop” dropdown menu to look like the “My Account” dropdown menu. I cannot figure out how to style it.

    You want to make sub-menu items of Shop menu item looks like My Account? Please confirm me back.

    2. Also, I want to remove the automatic page-scroll when opening an accordion on Mobile — please advise.

    Could you, please, record video of problems and share to me? I can understand your problem better.

    Regards,

    #531277

    ezdaisy4
    Participant

    1. Yes that is correct

    2. Attached video of the issue. i want to remove the auto page scroll on accordion mobile

    • This reply was modified 1 year, 9 months ago by ezdaisy4.
    Attachments:
    You must be logged in to view attached files.
    #531394

    Hung Pham
    Participant

    Hi ezdaisy4,

    1. Go to Theme Settings > Typography > Advanced. In this area, you can use Custom Selector and assign elements like screenshot https://prnt.sc/1RI_Q6HMbLpi

    .wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width,.wd-design-full-height) .wd-sub-menu>li>a

    Please refer to our documentation https://xtemos.com/docs-topic/advanced-typography-settings/

    Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

    .wd-dropdown.wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width,.wd-design-full-height) .wd-sub-menu>li {
        margin-bottom: 0;
    }
    
    .wd-dropdown.wd-dropdown-menu.wd-design-sized:not(.wd-scroll), .wd-dropdown-menu.wd-design-sized.wd-scroll .wd-dropdown-inner {
        padding: 12px 20px;
    }

    2. The accordion’s scroll appears automatically, or rather when there is huge content. Unfortunately, there is no option in Theme Settings available for that. It requires Customization and this is beyond our limitations and support policy scope.

    If you have any more questions or come across any other issues, let me know, I’ll be happy to help.

    Regards,

    #531666

    ezdaisy4
    Participant

    Thank you!

    #531667

    Hung Pham
    Participant

    Hi ezdaisy4,

    Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

    Regards,

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Unable to style the dropdown menu’ is closed to new replies.