Mobile Redirect Issues |
Post Reply |
Author | |
krys.lemay
Newbie Joined: Apr 09 2020 Location: Boston, MA Status: Offline Points: 5 |
Post Options
Thanks(0)
Posted: Apr 09 2020 at 8:35pm |
Hey guys,
Let me start by saying I in no way consider myself a web programmer but I know enough to be able to make a boring website for the audio company I work for. I have the site up and running but the mobile redirect is not working. I tried using the if screen in smaller than ### then redirect to www.website.com. The issue that I am seeing is that most smartphones and tablets have a high screen resolution like that of a computer so this is not working. I do not want to do the CSS way of doing things because that would require me to edit each page on the site to fit the rules. I have a single mobile page that needs to be shown when on a mobile device but I can't figure out the best way to get the code to recognize the mobile device without looking at screen resolution or completely editing each page to be optimized for each type of device. Any and all help would be GREATLY appreciated as they want this resolved ASAP. Thanks! Krys
|
|
Hobby001
Admin Group Joined: Jun 05 2018 Location: Canada, Québec Status: Offline Points: 6194 |
Post Options
Thanks(0)
|
Hi krys |
|
Hobby001
Admin Group Joined: Jun 05 2018 Location: Canada, Québec Status: Offline Points: 6194 |
Post Options
Thanks(0)
|
Are you aware of OpenElement's Edit Medias?
|
|
krys.lemay
Newbie Joined: Apr 09 2020 Location: Boston, MA Status: Offline Points: 5 |
Post Options
Thanks(0)
|
www.terryhanleyaudio.com
The mobile page I have set up is at www.terryhanleyaudio.com/Mobile.htm
|
|
krys.lemay
Newbie Joined: Apr 09 2020 Location: Boston, MA Status: Offline Points: 5 |
Post Options
Thanks(0)
|
I am aware of the edit medias but I'm trying not to go in an redo every page to optimize our desktop site for mobile usage. The mobile site is one long scrolling page (at the request of my boss).
Ultimately my boss wants me to have the mobile redirect happen and tell the mobile page to automatically size to the device width to make up for switching between landscape and portrait mode on a mobile device.
|
|
Hobby001
Admin Group Joined: Jun 05 2018 Location: Canada, Québec Status: Offline Points: 6194 |
Post Options
Thanks(0)
|
Ok,
Create a javascript source code on your main page and add the following code on it
Edited by Hobby001 - Apr 10 2020 at 3:09am |
|
Hobby001
Admin Group Joined: Jun 05 2018 Location: Canada, Québec Status: Offline Points: 6194 |
Post Options
Thanks(0)
|
You can repeat this code on each of your pages and modify the location parameter
Edited by Hobby001 - Apr 10 2020 at 5:46pm |
|
Hobby001
Admin Group Joined: Jun 05 2018 Location: Canada, Québec Status: Offline Points: 6194 |
Post Options
Thanks(1)
|
You can change the 700 pixels limit to your preferred set-up
|
|
krys.lemay
Newbie Joined: Apr 09 2020 Location: Boston, MA Status: Offline Points: 5 |
Post Options
Thanks(0)
|
That worked! Thank you!! You just saved me so much time. Now I just have to figure out why the mobile page is coming up not scaled to each device.
|
|
Hobby001
Admin Group Joined: Jun 05 2018 Location: Canada, Québec Status: Offline Points: 6194 |
Post Options
Thanks(0)
|
It is not responsive by design.
You have to use responsive design techniques to get it. |
|
Post Reply | |
Tweet
|
Forum Jump | Forum Permissions You cannot post new topics in this forum You cannot reply to topics in this forum You cannot delete your posts in this forum You cannot edit your posts in this forum You cannot create polls in this forum You cannot vote in polls in this forum |