Mobile Menu Font Size

can you guys kindly assist on how to change the menu font size? This question has been asked severally and there is no response to it! We require assistance where stuck!

Attachments:

You must be logged in to view attached files.

Hello,

Try to use the code below for help:

.mobile-nav .wd-nav-mobile li a span{
    font-size: 12px;
}

Define it in Theme Settings -> Custom CSS.

Kind Regards

Well I found the best solution was to use the typography > Advanced > Create rule >Mobile menu. However I am using mobile menu drilldown. Unfortunately there is no rule for different levels thus changes are made on the entire menu. I want bold fonts for the first level and thin fonts for the second/third level. How can you create additional fields to target the rest of the levels that one has on their menu? The same way drop down has? Is there a way to create these fields?

Attachments:

You must be logged in to view attached files.

any response to this??

Hello,

Sorry for the delay.

For now, there is no way to create additional fields for the drill-down menu, use the code below to apply styles to the 2nd and 3rd level drill-down menu.

.mobile-nav .wd-sub-menu.wd-drilldown-show li a {
    font-weight: 500 !important;
}

/* 3rd level */
.mobile-nav .sub-sub-menu.wd-drilldown-show li a {
    font-weight: 500 !important;
}

You can leave a future request here about those additional fields – https://woodmart.canny.io/feature-requests

Kind Regards

Kindly include on how to remove those border lines on the menu.

Hello,

Please clarify which border you mean – https://prnt.sc/trFZc16NdTKH

Thank you for your time.

Kind Regards

[Author]

Posts