January 2, 2020 at 5:00 pm #69943
I would like to change the menu font in the drop down menu. I presume the correct place to do this is Menu-Styling-Font. I can alter the size of the font but not the style. I have tried entering text fonts such as Helvetica and Sans Serif but the font doesn’t change. Am I missing some coding to accompany the font name. https://sidmouthcounselling.comJanuary 3, 2020 at 6:05 am #69944
Welcome to Responsive Menu Pro Support Forum. Hope you are doing well.
I am looking into your query right now. Please expect a little delay. I will get back to you soon with a response.
KritiJanuary 3, 2020 at 7:16 am #69945
Thank you for looking into this for me. I saw a previous thread which seemed to have the same issue dealt with by Peter Featherstone and was resolved using a custom heade.I have copied their response below but couldn’t work out what they had done to resolve it.
“Yes, it is working now. But that is ONLY because I am using a custom header. Infact with a custom header, even the “Annie…” font works.
So there seems to be a compatibility issue with a basic menu and changibg font style of Responsive Menu.”
I hope this additional information helps.January 4, 2020 at 6:28 am #69949
I looked into the issue. It is clearly stated under ‘Font’ field that ‘Set the font for the menu items. The font must already be installed as part of your theme or a browser inbuilt one.’
So, make sure that your theme has the font enabled you want to use on your responsive menu. I found these articles which help you to import the font on your theme:
KritiJanuary 4, 2020 at 9:22 am #69950
Thank you Kriti for responding.
The articles seem to refer to how to add additional fonts to your wordpress theme. I am happy to use fonts that I am already using.
If I look at the code for the main body of much of my text, the code reads:
<span style=”font-family: helvetica, arial, sans-serif;”>
My question is, what do I enter in the Styling font menu box?
I have tried simply entering “arial” and “sans-serif” for instance, but neither has any effect.
Is there a particular format I should be using to enter the font nameJanuary 4, 2020 at 9:57 am #69951
Just to add to my confusion. If I go to the dashboard Customise-Appearance-Fonts All of the default settings Headings/Site title/Headings/Primary are all set to Open Sans If I try to add this to respnsive menu even that doesn’t take effect. As I said in my first post, someone else had this problem and only achieved a work around by adding a “custom header”. I’m not sure what they meant by this and how to replicate it on my site.January 4, 2020 at 6:18 pm #69952
I think that I now have found a partial solution to the problem.
If I enter “Default” into the Responsive menu Font tab, this picks up whatever Font is entered into the
Appearance/Customise/Fonts/Primary field from the WordPress Dashboard
It means that I also have to ensure that my entire website is correctly formatted using CSS Hero otherwise changing the font in my dashboard has a significant effect on the website. But I have spent ages going through the entire website making changes to overcome this, and I can now change the menu in Responsive menu without it overriding the rest of my website.
I feel that there ought to be a simpler solution to this problem, and I am left wondering why simply entering a font name in the responsive menu tab didn’t work for me as it is obviously intended to do.January 6, 2020 at 5:55 am #69953
I am forwarding your issue to the development team. I will be back to you soon.
KritiJanuary 6, 2020 at 1:03 pm #69954
It is working properly on our test site.
In our responsive menu pro setting.
For the Font setting, I set it to Arial which is a browser built-in font.
Please see our screen-shot
On the front end, it is showing Arial font.
On your website, We can see that you are using a cache plugin. This is probably the cause of the issue. We suggest you to clear your cache plugin’s cache content and browser history after they have made changes to their setting.
If you want to use a google font. It has to add in Custom CSS setting.
For example. Roboto google font.
In the Custom CSS setting add in the following.
And in the Font setting, use the following
Roboto(use font name without “” in the font field).
- The topic ‘Menu Fonts’ is closed to new replies.