Problem to get my theme responsive!

[Artemis]

Hello everyone,

i try it now since 5 days to fix it. But i am desperate. ^^.

Thats my test-site (Genesis Framework - Parallax Pro):

http://smilingtara.com/index.php/25-2/

i made it with visual composer and the addons.

I deleted the modifications, to explane it better.

You see above willkommen bei smiling tara a white color. I can fix it. No problem and under Hier geht es zum Blog! i can fix the white field too.

Now In my browser works fine. If i show it in other modus like tablet or smartphone, it looks terrible.

How i can pull the text with willkommen bei smiling ..... under the parallax menue and deleted the white space?

And works all responsive?

I hope you can help me 🙂

[Tom]

Instead of making several changes for this page to remove the white spaces and also trying to combat the (usually) desired effects of media queries for smaller devices (that makes these spaces appear again), I would suggest simply making the background colour of this page consistent with the middle band - colour the white spaces.

This snippet of CSS will eliminate those white spaces on all devices.

.page-id-25 {
    background-color: #F1E5DD;
}

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[Artemis]

Hello Tom,

that is a good idea, but i want to delete this spaces. The middle band, i want it white.

What can i do?

[Tom]

This CSS will eliminate the white banding.

.page-id-25 .site-inner {
	margin-top: 70px;
}

article.post-25  {
	margin-bottom: 0px;
}

.page-id-25 .content {
	padding-bottom: 0px;
}

.page-id-25  .site-container > div > div > main > article > div > div:nth-child(5)  {
	margin-bottom: 0px;
}

To make the middle band white, make the change in Visual Composer or try this CSS:

.page-id-25 .site-container > div > div > main > article > div > div:nth-child(1) > div.upb_row_bg {
	background: #fff !important;
}

Since you're going for a white background, why use Visual Composer at all?

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[Artemis]

Thanks for your help Tom,

i use it because, it makes the site better i think. It makes the section full with.

The site is under constrution. It ugly right now, but i made it better. 🙂

I hope works well for me.

I dont want a white backround, only on the second section. Not more.

For the blog i take another background colors.

I say it, if it works. 🙂

[Artemis]

Woow great! I thank you so much! Thanks thanks thanks. 🙂 Yipppi!

[Artemis]

Ohoh nooo. It not works really responsive. Look here:

http://www.responsive-design-test.de/?url=http%3A%2F%2Fsmilingtara.com%2Findex.php%2F25-2%2F

It works great on a monitor and laptop, but not on tablet and smartphone.

Do i anything wrong?

[Author]

Posts