www.stephenbrennan.ca I have a writer's website that I built a few years ago, and occasionally update. When it comes to web design I'm smarter than the average bear, but I'm falling behind the times when it comes to newfangled things like CSS and mobile themes. The site doesn't display terribly well on a smartphone. I'm aware that moving to Wordpress would solve this, but I prefer having control over the design and features. I think what I want to do is create a secondary index page that loads if screen resolution is below a certain mark. Any pointers on how to accomplish that? Thanks.
Hi. If you search google, you will find allot of websites that convert your site to a perfect mobile version. Then use this link to check if the site display correct: https://search.google.com/search-console/mobile-friendly Best regards, /jik
Unless you want to have ongoing issues with accessibility, responsiveness (your post's raison d'être), maintenance and debugging, you really should refactor your page(s) to reflect this century's best practices. Tables have certain requirements due to the the data relationships within rows (records) and columns (fields). These tabular relationships may not be broken. Re-ordering elements for different user agents (UAs, primarily browsers) and sizes often do try to break the relationships and end up breaking the display. Yours is a simple page; a banner, two rows and a footer. If you don't get in the way, it will almost respond to differing sizes automagically. Let us know if you want to do things correctly, using best practice (almost certainly easier than fighting with table layouts). If so there are a number of us who will likely jump right in to offer help and guide you through he mine fields. cheers, gary //edit: punctuation ~g
You can load secondary index page for small screen resolution with JavaScript redirect. But this doesn't sound like a good solution to me. Because you need to create several index pages for most used screen resolutions. And still, you will not cover the whole possible range. The best solution is to re-create your code and make it responsive. It is not so hard to do it by yourself. I recommend using Bootstrap front-end framework. Your site is not complicated. You can still have the blog on WordPress but use some responsive theme. And re-create the rest with Bootstrap. According to me, this is the best solution for your case. I hope this help. Alex