Making a WordPress Website Mobile Friendly

[Mass]

Hey Everyone,

I've just finalised my WordPress Website and got it looking exactly as I want it too, the slight issue that I have ran into is that I can't seem to get it to scale properly for Mobile Phones.

The Theme I'm using is supposidly responsive however it doesn't appear to be doing what it is told. I've tried quite a few plug ins but had no joy, can anyone shed any light on where I might be going wrong?

Thanks in advance

Mass

 

Dislike ads? Remove them and support the forum: Subscribe to Fastlane Insiders.

[truesouth]

What theme are you using?

 

[Mass]

I'm using Tesseract by Tyler Moore

 

[The Wall]

I'm using Tesseract by Tyler Moore

Resize Mobile Headlines

1. Go to your headline you want to resize for mobile
2. Click Edit on the visual editor
3. Click the text tab
4. Where it says: <spanclass="home-headline">EXPLORE</span>
5. Change it to: <spanclass="headline-resize home-headline">EXPLORE</span>
6. Click Done
7. Update Page

http://tyler.com/2015/create-a-wordpress-website-2015/

it says near the bottom of his page

 

Dislike ads? Remove them and support the forum: Subscribe to Fastlane Insiders.

[Mass]

Resize Mobile Headlines

1. Go to your headline you want to resize for mobile
2. Click Edit on the visual editor
3. Click the text tab
4. Where it says: <spanclass="home-headline">EXPLORE</span>
5. Change it to: <spanclass="headline-resize home-headline">EXPLORE</span>
6. Click Done
7. Update Page

http://tyler.com/2015/create-a-wordpress-website-2015/

it says near the bottom of his page

Ive tried that but no joy.I think its due to how long the title was.

Ive reduced the size and it all seems to work now

Cheers for your help

 

[JamesSJ]

Try this - works pretty much right out the box. Also works for Woo Commerce site (which saved me thousands in development / design costs!).

In short it's a plugin that adds a mobile skin for your WP site.

There is a cost - $69 (or 229 if you want to use it for Woo Commerce) - but those costs are cheaper than hiring someone to responsify your theme or you buying a new theme.

Highly recommended (BTW I should add this has nothing to do with me, I am simply a user)

http://www.wptouch.com/

 

[themaxx]

Doesn't jetpack have some kind of mobile theme option?

 

Dislike ads? Remove them and support the forum: Subscribe to Fastlane Insiders.

[Kevin Peter]

ELegant themes are the best. Try looking onto, if you feel something is good then I can share the credentials to download.

 

[People>Cash]

Highly recommend genesis framework

 

[IvanMontillaM]

Most likely you'll need a theme change.

Themes I use that work out of the box: RocketTheme (Wordpress). These are premium, but I personally think they are worth the money.

They have an option where you can download a "RocketLauncher", which is basically, the installer of the demo you saw on their website. My secret sauce is this: download the rocketlauncher, install on your hosting package, delete the modules you will not use and then just replace the demo information with yours.

They are the developers of a plugin called Gantry Framework, you'll need to watch their tutorials if you don't want to mess up the site.

 

Dislike ads? Remove them and support the forum: Subscribe to Fastlane Insiders.

[mws87]

Hey Everyone,

I've just finalised my WordPress Website and got it looking exactly as I want it too, the slight issue that I have ran into is that I can't seem to get it to scale properly for Mobile Phones.

The Theme I'm using is supposidly responsive however it doesn't appear to be doing what it is told. I've tried quite a few plug ins but had no joy, can anyone shed any light on where I might be going wrong?

Thanks in advance

Mass

So when you're viewing your site on mobile, is it just staying in the typical sizing (you have to zoom in, etc.)? Or are there alignment issues?

 

[Ajtothec]

1) Please don't use Jetpack
2) WPtouch is decent, also comes with a free version but a pretty ugly theme.
3) If theme changing is still an option I'd also vouch for Genesis.

 

[Mass]

So when you're viewing your site on mobile, is it just staying in the typical sizing (you have to zoom in, etc.)? Or are there alignment issues?

Hi.

The issue that I had was when the site was sized down for mobile browsing the headline would be strewn across two lines, everything else was fine.

What I did was change the headline from CompareHoliday to Compare Holiday. Adding the space somehow enabled everything to scale correctly. I guess another option could have been to reduce the font size but I didn't want to do that. If you want to check out what I mean my website is still up and running but is just on the back burner at the moment.

 

Dislike ads? Remove them and support the forum: Subscribe to Fastlane Insiders.

[Rethagos]

About your issue: I would NOT use text as your logo. (I mean, text inputted into your page should not serve as a logo per se. It should be there, for screen readers, but hidden from sight)
Reason:
Font size usually shifts in responsive sites at few checkpoints, represented in .css files as

@media (min-width:*) or (max-width:*) //they apply a different styling accordingly to screen width

As font sizes are fixed at those points, scaling issues can easily occur with wordly logos.

Graphical logos are waaaay better as they don't make the scaling issues.

.home-headline{
width:100%;
}

They simply adjust on the fly, and can never go wrong.