menu item with subitems on mobile

Hi,
on mobile menu I have 2 items (Language and My Account) with subitems, but the icon to display subitems is not visible. I added some css and now I can see a box on the right side of the menu item, and if I click it expands in subitems, but I want it cleary clickable, with an arrow icon or similar.

.wd-nav-mobile .menu-item-has-children {
position: relative;
}

.wd-nav-mobile .wd-nav-opener {
display: flex !important;
width: 50px !important;
min-width: 50px !important;
height: 50px !important;
position: absolute;
right: 0;
top: 0;
z-index: 10;
cursor: pointer;
pointer-events: auto !important;
}

}

Can you please help me to set it correctly so that the menu items with subitems are clearly visible?
thank you

Attachments:

You must be logged in to view attached files.

Hello,

Try to use the following custom css code in Theme Settings > Custom CSS > Custom CSS for mobile.

.wd-nav-mobile .wd-nav-opener {
    position: relative !important;
    z-index: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50px !important;
    cursor: pointer !important;
}

.wd-nav-mobile .wd-nav-opener:after {
    content: "\f113" !important;
    font-family: "woodmart-font" !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    transition: transform .25s ease !important;
}

.wd-nav-mobile .wd-nav-opener.wd-active:after {
    transform: rotate(90deg) !important;
}

Best Regards

thanks!

Hello,

You’re Most Welcome!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme:
https://www.trustpilot.com/review/xtemos.com

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts