Fluid responsive theme not working on phone

[jameskape]

Hey Guys,

I’m using tumblr for a blog and really haven’t changed any of the code except, turning off tumblr’s default mobile theme, so it could use the theme design.

The problem is my phone doesn’t recognise the the fluid responsive part of the theme.

I added:

<meta name=”viewport”content=”width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1″>

before the head tag and:

@media screen and (max-width: 480px) {
body { padding: 5px; }
}

@media screen and (max-width: 320px) {
body { padding: 5px; }

to the custom CSS. But it hasn’t really had much effect.

Any ideas? was kinda hoping it would just work as I bought the theme.

Thank you so much in advance. The tumblr is: jameskapejournal.tumblr.com
James

[Paulie_D]

Firstly, remove this maximum-scale=1.

You want people to be able to zoom in to your pages.

Then can you clarify what exactly isn’t right?

It’s pretty responsive down to mobile size although there are a few issues.

turning off tumblr’s default mobile theme,

Perhaps this was a mistake?

[jameskape]

Cheers Paulie_D

Yes, removed the maximum-scale=1

On desktop experiences everything works great.

But when I look at it on my phone there is a horizontal scroll bar, so the content doesn’t load centred if that makes sense?

I turned off tumblrs default theme because I want to use this theme…

[Paulie_D]

But ‘this’ theme isn’t mobile friendly, it seems. Is it supposed to be?

[jameskape]

A fair question… I have just asked tumblr. Thanks for your help.

[Author]

Posts