Enterprise theme: text is displayed to narrow on smartphone

[klaauw83]

Hi,

Since yesterday I'm using the Enterprise theme for my Dutch website about sleeping problems. I really like the desktop version, but I'm not happy with the version that is shown on my Iphone. I have many long articles on my site and I do'nt understand why the text is so 'narrow'. A smartphone screen is not wide, so I don't think it's convenient for my readers to cut off some extra piece of the left and the right side. Besides, it doesn't look good.

So my question is how I can display the text on (nearly) the full width of a smartphone screen, so it looks better and it's more convenient for my readers (less scrolling)? Note: I have little technical knowledge 🙁

Problem (Enterprise theme on mobile display): http://slaapwijzer.net/wp-content/uploads/2015/04/fotoenterprise.png
Preferred situation: Balance theme and all other mobile sites I visit: http://slaapwijzer.net/wp-content/uploads/2015/04/foto.png

Thanks a lot in advance!

William

http://slaapwijzer.net

[Christoph]

Hi,

you will have to add/change some things in the style.css

Around line 2093 you will find @media only screen and (max-width: 768px) {

To start replace

.wrap {
	padding-left: 5%;
	padding-right: 5%;
}

with this and see how you like it.

.wrap {
	padding-left: 0;
	padding-right: 0;
}

.featured-content .entry-content {
        padding: 10px;
}

.entry {
	padding: 10px;
}

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[klaauw83]

Thanks Cristoph! The problem is solved 🙂

[Author]

Posts