Search in:
Suggested Search: installation, configuration
Search in:
Suggested Search: installation, configuration

Menu Fonts

Home › Forums › Pro Support › Menu Fonts

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 2, 2020 at 5:00 pm #69943
    Martin HillsonMartin Hillson
    Participant

    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.com

    January 3, 2020 at 6:05 am #69944
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Martin,

    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.

    Kind Regards,
    Kriti

    January 3, 2020 at 7:16 am #69945
    Martin HillsonMartin Hillson
    Participant

    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
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Martin,

    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:

    https://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/
    https://www.wpbeginner.com/wp-themes/how-add-google-web-fonts-wordpress-themes/

    How to Manually Load Google Fonts in WordPress

    Kind Regards,
    Kriti

    January 4, 2020 at 9:22 am #69950
    Martin HillsonMartin Hillson
    Participant

    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 name

    January 4, 2020 at 9:57 am #69951
    Martin HillsonMartin Hillson
    Participant

    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
    Martin HillsonMartin Hillson
    Participant

    Hi Kriti

    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
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Martin,

    I am forwarding your issue to the development team. I will be back to you soon.

    Regards,
    Kriti

    January 6, 2020 at 1:03 pm #69954
    Kriti SharmaKriti Sharma
    Keymaster

    Hi,

    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
    https://drive.google.com/file/d/1tHcmXgMvH9o8kZ–1DpVZvWdixfIfP0a/view

    On the front end, it is showing Arial font.
    https://drive.google.com/open?id=1vU8hfCu98HRjrvStFy9uT63kivGBgVuG

    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.

    @import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

    And in the Font setting, use the following

    Roboto(use font name without “” in the font field).

    Kind Regards,
    Kriti

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Menu Fonts’ is closed to new replies.