Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

[SOLVED] Building Strictly Mobile Site - Need center column to be full screen


  #1  
Old Nov 1, 2013, 07:03 PM
wskdigital
 
18 posts · Feb 2013
I'm building a mobile site for a friend and can't seem to figure out how to make the center column full screen on all devices. It seems to be fine on android devices but looks zoomed out on iphones and ipods.

The site is: m.morrisautodetail.com

Screen shots below.

Click image for larger version

Name:	SC20131030-140542.png
Views:	469
Size:	172.3 KB
ID:	2434

Click image for larger version

Name:	image.jpg
Views:	509
Size:	165.4 KB
ID:	2435

I've played around with the meta viewport tag, and still can't figure it out. Does anyone know how to do this properly? TIA.
  #2  
Old Nov 1, 2013, 09:00 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
What happens if you set width to 100%?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Nov 2, 2013, 07:04 PM
wskdigital
 
18 posts · Feb 2013
I do have the width set to 100%
  #4  
Old Nov 2, 2013, 07:48 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
When I looked at it before it wasn't showing at 100%. Now it seems like it should look fine on mobile devices and pads alike.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Nov 2, 2013, 09:18 PM
wskdigital
 
18 posts · Feb 2013
Yes, I got it to work with:

<meta name="viewport" content="width=360"> in the HTML Inserts: Header

I also removed the Layout MIN width and Layout MAX width while keeping the layout width at 100%.

Thank you.
  #6  
Old Nov 3, 2013, 06:49 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
I don't think you needed to add the viewport code. Just setting it to 100% width no min and max should have done it.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Tags
mobile

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Full-screen footer and full screen header Carme Header configuration & styling 9 Nov 10, 2013 03:00 PM
Sidebars and center column moves when changing screen resolution Lussemul Sidebars & Widgets 1 Mar 24, 2013 01:44 PM
Center column when viewed by mobile device or iPad becomes distorted Chadvk Center area post/pages 3 Feb 16, 2012 04:28 PM
[SOLVED] Extending center column/sidebars to fill screen vertically thesis Atahualpa 3 Wordpress theme 8 Nov 9, 2009 01:49 PM


All times are GMT -6. The time now is 03:30 PM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.