Elementor – Two columns are not displayed on tablet side-by-side

Hi,

I created full width section with two columns (1 image box in each column) and set each image box to Custom width 50% (Edit image box-Advanced-Positioning) for tablet screen.
I also set both columns to width 50% (Edit column – Layout – Column width (%))

When I switch from desktop to tablet mode , both columns are displayed side-by-side and in mobile mode are one on top of other which great.

However when I look at the webpage on my Samsung Galaxy Tab S5e ( 1600 x 2560 pixels ) columns are displayed one on top the other.
How is this possible?
Why does tablet displays webpage as if it was mobile phone?

I have been trying to find solution to this problem for couple of days without success.

Please see attached images

Peter

Attachments:

You must be logged in to view attached files.

Hello,

Please make the full backup of your site and check the issue on the Storefront theme to detect if our theme causes the problem. Storefront is a free theme developed by WooСommerce.

Best Regards

Hi,

I changed theme to Storefront. Problem persists. I also tried deactivated all plugins, id didn’t help either.

Regards
Peter

Hello,

It means that WoodMart does not cause or influence the problem. Please check the width of your columns on the tablet.

If you have any questions please feel free to contact us.

Best Regards

Hi Elise,

No worries. I found out what was the problem. There was an issue with Samsung tablet’s viewport. I had to set breakpoint in eleemntor under 712px.

Regards
Peter

Hello,

We are glad you have solved the issue.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts