Recent Topics
  1. b2evolution CMS Support Forums
  2. b2evolution Support
  3. Templates, skins, XHTML and CSS
  4. [2.x] Make a blog adjust size on iPad/iPhone like my site

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

1 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

Back to top

2 May 31, 2011 17:07

Welcome to the forums!

Try this

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

Back to top

3 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

Back to top


Form is loading...