Hi,
I’ve created a separate Home page for smartphone devices. (In Private Content are the URLS). I know that I need to created specific links within the <head> of both the Desktop version and the Smartphone version. Example:
desktop version: <link rel=”alternate” media=”only screen and (max-width: 496px)” href=”http://website.org/m/”>
smartphone version: <link rel=”canonical” href=” http://website.org”>
However, since the entire site uses the same header.php file, I’m wondering what is the best process to separate these two from each other. Thus, all pages except for the smartphone version of the home would be using header.php and the smartphone version alone would be using (something like) header-mobile.php.
Your thoughts?
Hi laptophobo!
I think with a plugin like this you could achieve what you want: https://wordpress.org/plugins/simple-mobile-url-redirect/
Hope this helps.
Cheers!
Andy
Hi Andy,
I looked into that plugin, but it does not allow for an adjustment of the maximum width.
Hi!
we can’t provide support for all plugins existing, so you would need to search one by your own which fits your needs.
Cheers!
Andy
I figured that; was just seeing if this was something your team had had a known solution already.
However, I did figure out a simple work-around. I set a button on the top of the normal (desktop) home page that says “view mobile version” which only displays under 650px (using @media) codes in the style sheet. On the mobile version, I add a button that displays only above 650px that gives the viewer the option to see the complete desktop version. It’s not perfect, but will work for now.