I am revamping my site to make it a bit more mobile friendly, a preview is here: https://supake.co.uk/preview/ and all is going well (thanks Crispy for the CSS tip for HTML inside Cell Grids) but I have a couple of niggles that I can't resolve and looking for some help and advice please
The page loads fine and if you click the top info panel with the number and email address it pops a message up and that works fine but it loads with no effect (as is applied). If you click the message, it goes away, with the correct effect as it should. Click the info panel again and this time, the message appears as it should and with the applied effect, ie the first show has no effects, but subsequesnt ones do. What could cause this and can I work around it? Not a biggie, just trying to understand why is happens.
The second (yep, it's an old cookie!) is the mobile version loads just fine (on a phone) and it fits the screen initally but it can be pinched and dragged left, ie it does not fill the page as it should. There's no objects that I can see out of the page boundary and so I presume it's a objects property sizing issue. My query is, is there an easy(er) way to find out what object are forcing the latout not to fit correctly? I can go through each item manually to find it, and I have tried that to no avail, but there's a lot of object property sizes to choose from and could have missed it.
I have uploaded the page as a project, it's here: https://supake.co.uk/testing/Supake-Pro ... xample.zip thanks.
TIA
Paul
p.s. just a comment, I copied the page so that I could make a 'stand alone' page for the project to upload. I did a 'Select All', Copy, New Site and Paste and all came over OK as expected apart from the above mentioned info panel which was 'hidden' in the object manager. Just a thoiught that should all objects, hidden or not, 'copy'? This would only really be relavant if you were to copy one page(s) from one project to another. Not an issue if you know.
