Mobile Version

I'm noticing that on the mobile version of our client's site (which please note has changed from staging site to: https://thebrazzle.com/), the copy is aligning horribly and it's responding to the smaller screen size of the Mobile. Some things are like most graphics, but not the text.

I do have custom CSS created for things like the entry titles and the widget titles.
What do I need to do to make sure it's showing up better for mobile? Especially the Search bar widget in the footer has a huge title that is all vertical.

Also, do I need to make any adjustments to these widgets within the widget area, in regards to whether they display on mobile as well or not?

Thank you!

Hi,

If you've modified elements of your website by adding custom css code - you should also add proper code for mobile/tablet version. (you can use media quieries within your override.css file)

Regarding the widgets - they should be displayed properly on tablet/mobile, please check demo website. Maybe you've added some custom css code connected with widgets?

Do you have any helpful documentation on how to add proper code of my custom CSS for mobile/tablet version? Or any helpful links to sites that talk about this? Information specific to your theme would be best I guess. Thank you!

It's a customization beyond our technical support, so unfortunately we don't have documentation for that.

Please check i.e. the following articles about media queries:
http://www.w3schools.com/css/css_rwd_mediaqueries.asp
https://css-tricks.com/snippets/css/med ... d-devices/