Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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, 08: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:	3460
Size:	172.3 KB
ID:	2434

Click image for larger version

Name:	image.jpg
Views:	3545
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, 10:00 PM
lmilesw's Avatar
lmilesw
 
10,176 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, 08:04 PM
wskdigital
 
18 posts · Feb 2013
I do have the width set to 100%
  #4  
Old Nov 2, 2013, 08:48 PM
lmilesw's Avatar
lmilesw
 
10,176 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, 10: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, 07:49 AM
lmilesw's Avatar
lmilesw
 
10,176 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



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 04:00 PM
Sidebars and center column moves when changing screen resolution Lussemul Sidebars & Widgets 1 Mar 24, 2013 02:44 PM
Center column when viewed by mobile device or iPad becomes distorted Chadvk Center area post/pages 3 Feb 16, 2012 05:28 PM
[SOLVED] Extending center column/sidebars to fill screen vertically thesis Atahualpa 3 Wordpress theme 8 Nov 9, 2009 02:49 PM


All times are GMT -6. The time now is 11:39 AM.


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