Desktop, Tablet And Phone Display Resolution In Helix Framework
Walter Wood
I am trying to figure our how to layout the header for a computer with a resolution of 1024 pixels wide. What page resolution is set in the Helix Framework for desktop, tablet and phone? And, how does Helix determine which resolution to provide to the device?
Thanks
Ofi Khan
Accepted AnswerHello Walter Wood
You can check on the browser's inspection. But you don't actually need to learn this. Rather focus on what you want. You can easily manipulate the design with Custom CSS.
Best regards
Paul Frankowski
Accepted AnswerHi, If we talk about Helix Ultimate 2.0 - it uses Bootstrap 5. And tablet mode is enabled when the screen has 991px or less. Mobile mode is enabled 575px or less.
Look at the switchers from Template Options
Paul Frankowski
Accepted AnswerResolution 1024px is sort of small laptop and bigger tablet. So you have to use custom CSS to make design corrections.
More about available breakpoints taht you can use as class names > https://getbootstrap.com/docs/5.0/layout/breakpoints/