Hi,
I am looking to change my mobile navigation / menu font to be my custom font instead of ‘Mono’. Custom font outlined below:
Font-family: ‘Resial Bold Condensed’
Website URL: https://duoarthouse.com.au/
Topic summary
Problem: Change the mobile navigation/menu font from “Mono” to the custom font “Resial Bold Condensed” on duoarthouse.com.au.
Proposed fix: Add a CSS media query for small screens (max-width: 750px) that targets the mobile navigation elements and forces the font-family to ‘Resial Bold Condensed’ with !important. Selector used: .mobile-navigation-drawer .navigation *.
Assets: A screenshot was attached to illustrate the change/context.
Status: A solution was provided; no confirmation yet from the requester that it resolved the issue (discussion appears open).
@duart2023 please put this style in code:
@media screen and (max-width: 750px) {
.mobile-navigation-drawer .navigation * {
font-family: 'Resial Bold Condensed' !important;
}
}
