Writing css to reflect changes on screensize

Avatar
  • Answered
My website is www.localgreeneats.com

I want to make the font for the menu bar buttons (on the top) to be smaller so they are visible in smaller windows, tablet & mobile phone screens. Right now all the buttons cannot be viewed on a smaller screen. I would like to create a css code that can make the buttons' font smaller so all the buttons can be viewed on a smaller window on desktop or tablet/smart phone screen.

I spoke with technical support with InMotion and was told by him, someone on this will be able to help me with this css coding because of the developers' knowledge of coding.
Avatar
Arn
Hello, Thanks for your question about using CSS coding for your website menu. As a rule, we do not provide website coding support, but we do try to find a resolution for you or at least point you in the right direction. I took a look at your website and realized that you are using WordPress as your website solution. WordPress uses themes that provide the framework for the display of your website. The theme that you are using does not appear to be using responsive design. If the theme were responsive, then every element on the website (including the menus) would re-adjust to the screen size being used to display the website. If you want to continue using that theme, then you will need to modify the theme and how it handles the menus. You may also want to consider using a plugin such as this one. Changing the code on a theme may differ depending on how the theme developer created the theme. There are many solutions that have been published about this topic. Check out this post about creating a mobile-friendly responsive menu for your WordPress site. I hope that provides the solution you're looking for! If you have any further questions or comments, please let us know. Regards, Arnel C.