Archived topic
How do I format my website for Mobile?
3 replies · Started by Hugo on June 16, 2021
Added Link To Site.
Basically, I am pleased with how everything looks formatting wise on Desktop. However, it is pretty ugly on mobile devices. How do I format ONLY the mobile version of my site? Do I need to make page heros in elements?
Any and all advice is appreciated.
Thank you
Hi Hugo,
I think it's better to put the image as a background of the container block rather than having it as an image block.
We may also need a separate image with the graphic elements laid out for mobile viewport so it looks good on it.
We then set the height of the Container to 100vh so there's no gray empty space below the content.
This is so we could at least have something like this - https://share.getcloudapp.com/RBul4Z0j
Which could be improved if we had 2 photos. (one laid out for desktop, one laid out for mobile)
This is awesome, thanks. How do I set up a mobile page though? I can follow the instructions you provided but how can I format my website to where it is strictly formatting pages for mobile rather than formatting the entire site?
Thanks
how can I format my website to where it is strictly formatting pages for mobile rather than formatting the entire site?
That's not possible unfortunately.
All the GP elements should be responsive by default based on screen width.
Do you have any specific issues that you've encountered?
