I have been trying to figure out how to get my menu text to be responsive but I have had any luck. I notice that whenever I create a style for the font-size in css, it gets over written by the font size that is in the module. How do I disable the backend module font size and put in css styling for the font size to change based on the device connected to it. My whole template is all responsive except the menu font size and it is making the menu go on two lines instead of staying on a single line with just smaller font.

Thanks,
Shaun

Hello,

Where we can see the menu?

Regards,
ARI Soft

Here is the dev server link for the site: 50.62.72.98/~wmuser/

It is the orange menu. It looks fine right now but when you size the browser, the font size doesn't change and get smaller.

Thanks,
Shaun

Font sizes on your site for other content have absolute width (it is not responsive).

Regards,
ARI Soft

Ya they have widths that when you size it, it changes. So if a tablet connect to it, it fits the screen. The menu bar font size is being taken from the database because of the backend. I want to disable that part and have it read the css so then I can have the font size change when a smaller device connects to it instead of putting the menu on two lines. It would work just like the slideshow below it and the 4 modules below the slideshow. It all changes size based on the device connecting to it. I just need to have the font do the same because then it would stay on one line and look much better than the two lines its doing right now.

Thanks,
Shaun