www.wysiwygwebbuilder.com

When viewing this website https://hxpassociates.com/ on an Android type phone, it displays the website correctly switching to the smaller version, but when viewed on some other types of phones, the large screen version is displayed. Why won't it display the smaller versions on all phones? There is one break point at 360px. Any suggestions? Thanks.

It's because your breakpoint is using max-width:360px.

This means any device that is 360px or smaller will see your mobile layout. Any device that has a viewport greater than 360px will see your desktop layout. In my opinion, using only 1 breakpoint is not enough as there are many size phones. Also, dont forget there are tablets that are bigger then phones but smaller then desktops.

You can visit this site and see what viewport sizes are for many phones: https://viewportsizes.com/

If you want an example of a 5 breakpoint project, have a look here https://www.wysiwygwebbuilder.com/forum ... 41&t=88171

Alan

Thanks for the info. I kinda figured that.