Issues with Display in Smaller Screen Sizes. & Font in Bullet Points

Illdy
1

Hey there,

Could you help me with 2 issues, please?

A) The display of the buttons and the menu are not showing correctly on my site: https://beonalert.com/ at certain smaller screen sizes.

  1. The text in the first button spills out of the button. 2. Sometimes, the last menu title - resources - the drop down doesn’t drop under this heading, it moves left of the page and under the first heading and is not clickable. It doesn’t always happen. Not sure why!

B) The bullet points are showing in a different font to the rest of the site. I am using Easy Google Fonts plug-in. I am using Hind, font weight 300 for paragraph text: https://beonalert.com/benefits-for-reporters/

Thanks a lot for your help!!

2

Hello there,

I hope you are doing well today.

  1. There is too much text in the button, usually buttons only have a few short words, this will be apparent on mobile devices so it would be best to reduce the word amount to something like " Registry Search".

  2. You can use the following CSS code to change the bullet point font by going to Appearance > Customize > Additional CSS and pasting it there.


/*Bullet point font*/
.markup-format ul li {
    font-family: Hind;
}

The font weight for the bullet points are not affected by CSS changes.

Best Regards,
Support

3

Thanks so much! You guys are always so fast at replying. It is much appreciated!!

4

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support