Hi all,
I have added a custom font to my page, however the font in the mobile menu is not updating with this. Does anybody know how to resolve this issue?
Thanks,
Topic summary
Main issue: A custom font was added to a Shopify store, but the mobile menu didn’t reflect the new font.
Key updates:
- The store URL was shared, but the site is password-protected, preventing direct inspection of the live menu.
- Based on the provided screenshots and similar page sections, the menu element in question appears to be an image (
), not live text.
Implications:
- CSS or theme font settings won’t change the appearance of image-based elements. The custom font cannot apply to text that’s rendered as an image.
- To update the look, the image itself must be replaced with a new asset that uses the desired font, or the theme needs to be adjusted so the menu uses text instead of an image.
Status: Guidance provided; verification on the actual site is pending due to password protection. Open until the image is replaced or access is granted.
Could you drop your store URL to check?
Hello, currently I cannot specifically check the font section on the navbar because your store has a password.
However, I checked a similar part to the part you took the photo and found that this is the tag.
Therefore, your custom font cannot be applied. With these logo and image parts, you can only customize by replacing another image. @BWFC6674