Not responsive on Mobile Tablets

Hi @personalchemist –?thanks for getting in touch!

The columns in Genesis Blocks (when using three columns) are designed to show up side-by-side up until the browser width is 600px wide. At that point, they responsively reorganise to be stacked, instead.

Unfortunately, on your site, the content at 800px wide, is very squashed due to the sidebar there! The theme that you’re using (“enfold”) is setup to move the sidebar out of the way at 767px, which frees up some room for column content.

So…?the best way of solving this issue on tablet devices would be to either:

– Change the breakpoint of Genesis Blocks columns so that they stack much wider
– Change the breakpoint of the theme’s sidebar so that it moves at wider browser widths

My personal opinion is that you should go with the second option… the sidebar looks pretty squished at smaller widths. Your theme might have a setting for this…?in which case, use that! I suggest 989px (this is when your theme changes the menu navigation to a hamburger menu).

Otherwise, you could achieve this with some custom CSS.

As you can probably tell…?every theme works a little differently, and unfortunately it’s not really possible to make sure Genesis Blocks works perfectly in every situation.

I hope some of this is helpful!

Luke

you know the easiest way is for the stupid customer to rotate their flipping tablet to horizontal/landscape view!

going by your suggestion I have the following options;

could you suggest how to achieve your recommended size?

here’s the screen-shot of the settings-uploaded to google-drive

https://photos.app.goo.gl/GMZLofgReh3esBBx7

• This reply was modified 3 years, 8 months ago by personalchemist.

@personalchemist It’s hard to say for sure, but I’d recommend playing around with those Content / Sidebar percentages to see if you can get things scaling right.