Error displaying page Mobile Browser

LordDebater

Love this theme, about to move it to from my staging site to my main site, however there is 1 problem.

On the mobile version- when using the sliding nav bar on the left, clicking the menu button after the menu has been expanded causes the page to crash in the browser. Not sure how to go about debugging this for you on the phone. I just wanted you to be aware of the issue. I will look into it further and post what I find.

Thanks for this theme! Besides this one issue it is really great.

peregrine

try this on your computer browser to test mobile and emulate on desktop computer....

http://chrispederick.com/work/user-agent-switcher/

http://docs.vanillaforums.com/developers/troubleshooting/

Bleistivt

The problem might be that the theme is missing the viewport/width=device-width meta tag.

I haven't checked, but if that's the case, add this to your themehooks:

public function Base_Render_Before($Sender) {
    if (IsMobile()) {
        $Sender->Head->AddTag('meta', array('name' => 'viewport', 'content' => "width=device-width,minimum-scale=1.0,maximum-scale=1.0"));
    }
}

Also or mobile debugging, your very best option is using an actual smartphone.

If you have an Android phone, you can even access the console and web inspector on your computer using USB debugging:

https://developer.chrome.com/devtools/docs/remote-debugging

LordDebater

I applied the theme to my main site, and everything is working okay. If you want to try to isolate the issue with a web inspector you are more than welcome to look at my staging site found here: www.staging.debatestrat.com

vrijvlinder

I can see your site using the mobile theme on a mobile. I can't see a problem . Your site uses the main theme and the mobile uses the mobile theme.

LordDebater

Ah, perhaps the problem was that I was accessing the mobile version of this theme by clicking "full site" at the bottom of the default mobile theme. I changed the config-defaults file on my other site, that avoided the issue. Not sure why that would matter.

vrijvlinder

You can try the plugin back to mobile which fixes the problem of not being able to see the mobile after going to the full site.

http://vanillaforums.org/addon/gobackmobile-plugin

peregrine

@LordDebater said: I changed the config-defaults file on my other site, that avoided the issue

you should never change config-defaults.php.

because

• you shouldn't
• it is the standard defaults for your configuration.
• it gets overwritten on upgrades

all changes should be made in config.php NEVER in config-defaults.php

v said: You can try the plugin back to mobile which fixes the problem of not being able to see the mobile after going to the full site.

http://vanillaforums.org/addon/gobackmobile-plugin

yes but, it is not necessary in vanilla 2.1

in vanilla 2.1 you should see back to mobile

you just need to make the footer link more visible via custom.css in both the mobile theme and your non-mobile theme

whatever colors you want #ccc is not very visible

#Foot a {
    color: red  !important;
}

#Foot a:hover {
    color: green !important;
}