View mobile site after viewing full version

Latest Reply from Grace at 2016-05-04 07:40:36
Hi, I had a couple people tell me that when they view my site, sarahmonahan.com on a mobile device, it doens't show the mobile version. On my own devices, it went straight to the mobile version. I was testing it, and I checked the view Full Site version, which is fairly unreadable on a mobile. There was a link at the bottom to go to view mobile version, and when I tried to revert back, nothing happened. It just takes me back to the top of the page.
Am I missing something, or is the link broken? How can I make sure that people can access the mobile version? When someone else clicks on the view mobile version after seeing the full version, does it work for them?
I have tried it on both iphone and android, and neither will go to the mobile version when clicked.
Any help would be greatly appreciated.
Hi!
You can easily fix the problem - go to the Appearence --> Editor page in the dashboard of your website, select Stylesheet(style.css) and enter the code:

#footer .jetpack-mobile-link a {
position: relative;
z-index: 1000;
}


after the line:

/*------------------------------ FOOTER ------------------------------*/


By the way thanks to your message, we found the issue of backgrounds in the mobile and tablet versions of the theme. If you want to change the background color, enter the code:

#content 
{background:#fff;
}


after the lines:

/*	-==========================- MOBILE -==========================-  */
@media only screen and (min-width:240px) and (max-width:639px) {


and:
/*	-==========================- TABLET -==========================-  */
@media only screen and (min-width:640px) and (max-width:1023px) {


in the style.css file of the theme.

Leave a reply

Add codeAdd image