Responsive design not showing in mobile.

[mairagall]

Hi everyone!

I'm working on my site, currently in maintenance mode with WP Maintenance Mode, I opened it in my phone to test the responsive menu I just did and I'm seeing the desktop version of my web, can this be related to the maintenance mode or did I made something wrong?

I'm using Genesis Sample with some customizations.

I appreciete any help.

Thanks in advance!

http://i.imgur.com/SOz7Med.png

[Lauren @ OnceCoupled]

This is not likely to be a result of using WP Maintenance Mode.

Best,
Lauren

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[mairagall]

Ok, I think the same but I don't know what else can be causing this...

[Lauren @ OnceCoupled]

I'd check that you aren't missing a closing bracket somewhere, causing all the code below it not to register. I usually do this by adding

body {
    color: red;
}

to the VERY bottom of my style.css file, and seeing if it takes effect. If so, my file is reading fine. If not, I move it up slowly until I can pinpoint the general area of the error.

Best,
Lauren

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[mairagall]

Great tip Lauren, I did it and the style was applied correctly so I guess is not that...

[mairagall]

I found it, it was an error in my functions.php, I had this:

//* Add viewport meta tag for mobile browsers
add_theme_support( 'mairagall-responsive-viewport' );

Instead of this:

//* Add viewport meta tag for mobile browsers
add_theme_support( 'genesis-responsive-viewport' );

[Author]

Posts