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
Hello 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
Hi,
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
Resolution 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/
