Tablet shows desktop layout

sandervanstiphout · October 2020

Hi,

My website has 3 responsive breakpoints

>1240 = desktop

breakpoint 1: <1240 = tablet

breakpoint 2: <960 = mobile horizontal view

breakpoint 3: <768 = mobile

When I use 'hide on desktop and mobile' in the muffin builder, so basically 'tablet settings'; it applies to the <960px layout. I only see that layout when using my phone horizontally. My tablet shows me the desktop layout but messed up.
I tried on different tablets, and all show the messed up desktop layout.

With hide on desktop and mobile, I can only change the 'horizontal mobile view'.

How can I design the website for tablets?

Albert · October 2020

Hi,

yes, this is true. Tablets used vertically are treated like a desktop version and this is the proper behave of course. If you want to modify layout to your own, specific needs, you need to use custom css declarations with @media rules.

sandervanstiphout · October 2020

I am not using the tablet vertically. I am using it horizontally, and it still shows desktop layout.

Pablo · October 2020

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks

sandervanstiphout · October 2020

Hi Pablo,

The url = www.forkinhungry.com

Try opening it on a tablet. It shows the desktop layout (as you can see in the adzone)

Phil · October 2020

Hello,

Sadly width of the tablet is higher than 1240px, and the theme does not allow to make tablet breakpoint bigger than this value. This is hardcoded in theme code.

The only option is to modify the source code, which we do not support on the forum.
In this case, you should contact your web developer.

Thanks

Tablet shows desktop layout

Comments