Responsiveness in Tablet

[K Faylor]

I’m working with a different theme on a project and like something about it: it is responsive for smartphones, but does not get responsive for tablets of a certain size.

The problem when a site gets responsive for tablets is that a lot of things get screwed up like inline columns don’t match up, sidebar widgets behave strangely, etc.

I was wondering if I gutted out the media CSS for mobile in your themes for certain screen sizes, if I could eliminate the responsiveness for certain tablet sizes. I basically would like site to conform to smartphone screen size, and larger tablets that don’t rearrange anything, but smaller tablet screen size I would like just the regular site to appear.

Am I going in the right track? Thanks.

[Sushil Adhikari]

The fun begins when dealing with different kinds of tablets which have different pixel resolutions. Which tablet and resolution are you testing on and is this in portrait or landscape view?

But with regards to your suggestion, that is totally up to you. Ultimately the theme is just a foundation (a starting point to build from) and sometimes modifying the media queries is needed; so by all means, do what works best for your situation and needs.

[K Faylor]

My question though is if I completely deleted the CSS for certain sizes, would it by default then show regular PC site?

P.S. I HATE TABLETS hahah

[Sushil Adhikari]

if you delete the certain sizes, note that this will affect responsive layout, so all I can say is try it, but keep a backup copy before you do it, and then see how things go for you. You even have the option to change the query min-width and max-widths too instead of deleting them. These min’s and max’s are not set in stone.

Hopefully in the next couple of months, I will finally get myself an ipad so I can test my themes properly in this because I’ve had to resort to an online tool that mimics different mobile device sizes – not always perfect.

[Author]

Posts