- Posts
I was referred to reach out here for assistance with my issue. Normally I get assistance from my Host services but they told me to message here this time.
I just activated my website to the public. I noticed on a Desktop computer, my site looks fine with no issues, but when I try to access my site from a mobile phone, the view is all messed up and the site does not look okay. How can I fix the mobile view to replicate the desktop view?
If you are able to see on a mobile phone, the page https://thecrazycardcollector.com/about-us/#2021 has all dates out of order in the button sequence order, how can I fix this to show accurately as it does on the desktop webpage?
I’m not sure how to explain better.
Also, any link inside that page, everything is not formatted correctly, for example this page:
https://thecrazycardcollector.com/about-us/the-major-wrestling-figure-podcast-autograph-cards-2021/ again it shows correctly on a computer view but on the mobile screen, it is all messed up with formatting.Hi Nick,
Thanks for your question, Crio Pro WordPress theme should be configured for responsive mobile design right out of the box. BoldGrid designs are built with a CSS framework called Bootstrap, which is a “mobile-first” framework. This means the framework itself was made specifically to prioritize mobile responsiveness.
You mentioned you just pushed your website live. Did you notice this issues being present in your dev environment as well, or did you only notice the problem after the site was pushed live? If the latter is the case it’s possible that you lost some content or configuration during transfer.
I tested your site on a few different mobile browsers and I do see exactly what you mean. I always suggest building with a mobile first approach and then scaling the design up for larger screen sizes. This way you ensure that you keep the original vision that you imagined for your entire site intact.
I hope this helps! We look forward to answering all of your questions if you need further assistance.
I was not able to view any mobile versions of the site until it was pushed live. I do all of my work on a laptop computer. This is the first time checking it out since it is live now and I noticed the format error. Is there any easy quick fix to this, because there are multiple upon multiple pages like this and it would be very inconveniencing and time consuming to go back through each and every single page to try and adjust everything.
Hi Nick,
I definitely understand your dilemma and I wish I could tell you there was a true quick fix for this that would not require you addressing the issue on a page by page basis.
Because of the shear amount of tables and text content on your site formatting may require great knowledge of CSS how to set up Media Query break points to accomplish this, and even then you will more than likely have to go in and tweak each page a little here and there.
The best route in my opinion would still be to go back and update each page this time using a mobile first approach. With BoldGrid Post and Page Builder you can preview your page in any screen size while editing to help you place your elements correctly.
Let us know if you have any other questions for us Nick. Were always here to help.
- The topic ‘The Mobile Version of My Website is Not Formatted Correctly.’ is closed to new replies.
