Recent Topics

[2.x] Make a blog adjust size on iPad/iPhone like my site

Started by on May 31, 2011 – Contents updated: May 31, 2011

May 31, 2011 12:26    

My b2evolution Version: 2.x

Hi all,

I made a website for a client and after that I adjusted the css of the evocamp skin for a blog based on b2evolution to change the design. They almost look the same on a computer now and I am very happy with that (thank you evocamp people!).
When I look at the site on my iPad or iPhone the website shrinks to fit in the screen. But when I look at the blog it doesn't shrink completely and horizontal scrollbars appear.

site: http://www.smartgreenscans.nl/
site css: http://www.smartgreenscans.nl/menu.css
blog: http://www.smartgreenscans.nl/b2evolution/blog-lca-photovoltaics.php
blog css: http://www.smartgreenscans.nl/b2evolution/skins/evocamp/style.css

For the website I use the .oneColFixCtrHdr #container method. I don't understand how evocamp (or b2evolution?) does the centring and adjusting. I tried to change many aspects of the style.css but nothing seems to help.

Does anybody know how to make the blog shrink to fit as well? Your help would be appreciated!

Rutger

May 31, 2011 17:07

Welcome to the forums!

Try this

Code

html, body
{
  min-width:910px;
  overflow:auto;
}

Jun 01, 2011 09:28

Thank you, Sam!

Tried your suggestion but I am afraid that doesn't work. Even though it sounds like a very logic solution!
On the iPad when I slide the page a grey background appears. Very strange.

Rutger


Form is loading...

powered by b2evolution – This forum is powered by b2evolution CMS, a complete engine for your website.