Changing template to suit a mobile phone 
Author: Alan C.
Visited 2034,
Followers 1,
Shared 0
Can anyone tell me how to modify my template so that it can be viewed on both a computer and mobile phone.
I can see in Template Structure the different breakpoints but I don't know where to go from there.
Attached are screen shots that I see on a mobile phone which is not the same as when viewed on a computer.
Viewing on a mobile phone it is hard to get to the menu.
Website is: www.ajcnsw.com/tcc
Thanks
Posted on the
Hi Alan,
Try to adapt your texts and graphics on all resolutions of the project:
J.P.
Author
On the RESOLUTIONS AND RESPONSIVE DESIGN template setting, I have selected RESPONSIVE SITE so that website adapts to the resolution of the device being used to view but what else do I have to do so that it can be viewed on a computer and mobile phone.
This is not enough, it is necessary to adapt the contents of the header and the footer according to each chosen resolution.
The inserted texts or images must not exceed the space devoted to each resolution.
Hope my little video will be useful...
J.P.
Author
Hi JP
Appreciate your comments but I can't seem to change the header contents for 960 and 480 even though the 480 is a smaller image than the 960.
Screenshots attached.
Am I in the right area?
Thanks
Hi Alan,
please find here a guide which explains to you step by step what you need to do to set up your template for mobile:
https://helpcenter.websitex5.com/en/post/169726
If you have any questions, please let me know, I will be happy to help you further.
Kind regards.
Author
Hi Elisa,
Thank you for that explanation which makes it much clearer for me.
Regards Alan