Tablet layout

Are the header and footer on tablet devices the same as the layout for mobile or desktop? What is the breakpoint for tablets and mobile devices in the Woodmart theme? And if I want to design a separate header for tablets, what is the solution?

Hello,

WPBakery and Elementor have different breakpoints for positioning content on mobile devices, such as tablets and smartphones:

By default, Elementor has 3 breakpoints (screenshot: https://monosnap.com/file/mADnGU4jBVKxpAM29wu3ZmlcyuKeo1):
• Desktop: Screen width 1025px and above
• Tablet: Screen width between 1024px and 769px
• Mobile: Screen width 768px and below

WPBakery, by default, has 4 breakpoints (screenshot: https://monosnap.com/file/doniyPfwe3O10ix0eVYyyCpCmHsNpW):
• Desktop: Screen width 1200px and above
• Tablet Landscape: Screen width between 1199px and 992px
• Tablet Portrait: Screen width between 991px and 769px
• Mobile: Screen width 768px and below

These breakpoint settings are integral to their respective page builders, and we cannot modify them through the WordPress theme. Changing these defaults could break their functionality and make it impossible to support future updates.

Kind Regards

Thanks, but you don’t answer the first part of my question

[Author]

Posts