Styling issues with a Responsive Theme

[Robert]

I know that you don’t support themes, but I am wondering if you can point me in the right direction. I am using a theme from Theme Fit called Hybrid (championroper.com <- my site. It is a Responsive theme that does not want to get along with ECP.

With that said, I am wondering on what styling I need to adjust on my events page when in a mobile view (can re-size your browser to view the mobile). The right column that displays the Event Meta gets cut off and words are difficult to read. Can you guide me in the direction on what styles I need to adjust. I have been trying in Chrome to adjust the styles and having no luck.

[Rob]

Hey Robert. I can get our developer Jonah to take a look here; expect a response from him over the next day.

[Jonah]

Hi Robert,

You’ll likely need to adjust a lot of the styles and it’s impossible to say specifically which ones. You’ll need to play around a bit adjusting various styles and testing them out in various resolutions. You could go off of the events.css stylesheet for some examples of what to restyle or you could create your own rules as needed.

Using Firebug or Chrome/Safari Webkit Inspector will make this job much easier as they allow you to inspect elements on a page and modify values live on the page. I would recommend playing around a bit with that and finding some styles that you’ll need to change and then copying those back into your stylesheet.

Your theme must have a media queries stylesheet where specific styles for different devices and resolutions are placed. You’ll want to figure out what to change for the Events Calendar and place styles in those media queries for the appropriate resolution.

I hope that helps.

Regards,
Jonah

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts