- This topic has 8 replies, 2 voices, and was last updated 1 year, 7 months ago by David.
March 3, 2021 at 7:35 am #1680498david
I’m trying to test https://florapalaestina-ethnobotany.org/ for responsiveness on different resolutions with different tools such as http://whatismyscreenresolution.net/multi-screen-test.
On all my testing (on several testing sites) I’m receiving “website refused to connect”.
On my desktop (1280 x 720), laptop (1536 x 864) and Macbook the site looks ok.
Could you tell me why this is happening and how to test
ThanksMarch 3, 2021 at 8:06 am #1680550DavidStaffCustomer Support
that URL you provided is redirecting automatically to your login.php – without a login i cannot access the site and neither will those testing sites.
Unless you want to pay for a service such as Browser Stack where the results you see are rendered on a real device you may as well just use the Browser Developers tools:
Open the site in Chrome, Right Click > Inspect to open the tools. In the top bar of the dev tools you will see a mobile icon you can select that and check the site at different screen sizes.March 3, 2021 at 8:19 am #1680559david
Thanks for this. I have a force login plugin, I’ll try deactivating it and see what happens.
Let you know
ThanksMarch 3, 2021 at 8:29 am #1680567david
Yes that’s the reason I received “refused to connect” message.
What (free) testing site do you recommend? Any suggestions what to do/not do to make site responsive on different devices?
Really appreciate your helpMarch 3, 2021 at 8:36 am #1680577DavidStaffCustomer Support
personally; aside of testing on any real devices i have, i just use the Browser developers tools mentioned above, as the Free online testing sites are just simulating the output so cannot be guaranteed as accurate.March 3, 2021 at 9:45 am #1680664david
Thanks very much David, I assume the browser developer tools are those that come with Chrome.
Am I right assuming that if I use css grid and vw, vh units then as long as the number of columns and rows stay the same this should adapt to any device? Obviously for mobile phone screens I’d adapt the css grid columns and rows – does this make sense? Would you suggest another method to fit the maximum devices without using media queries – ’cause there seems to be as many breakpoints as there are device sizes.
ThanksMarch 3, 2021 at 9:55 am #1680674DavidStaffCustomer Support
I assume the browser developer tools are those that come with Chrome.
With CSS Grid you can use auto-fit and minmax properties to create an auto responsive grid.
Good article on doing that here:March 3, 2021 at 11:08 am #1680785david
Thanks for pointing me in the right direction.
Your help’s much appreciatedMarch 3, 2021 at 12:29 pm #1680884
- You must be logged in to reply to this topic.