Atmosphere Pro Widget Issue

[[email protected]]

Hello,

I am having problem with the widget area of atmosphere pro. I have not changed the stylesheet and have gone through the instructions of the theme setup. However, on my laptop the widgets stack on top of each other one by one so there is a lot of white space. When i look at the demo site on the same computer, the widgets are three across. So i know it is not a resolution issue as the demo site works completely fine.

I have even tried a local installation and tested and I get the same result after re-downloading the theme today. Anyone else having this issue?

This is how it looks: https://scontent.fsnc1-1.fna.fbcdn.net/hphotos-xfl1/t31.0-8/12240817_10205110438746867_9042355547655301401_o.jpg

Any help would be appreciated.

Michael

https://scontent.fsnc1-1.fna.fbcdn.net/hphotos-xfl1/t31.0-8/12240817_10205110438746867_9042355547655301401_o.jpg

[kreshleman]

I am responding to confirm that I have the same issue on my site. The layout should automatically adjust but does not. It stacks: http://dlrd.davidson.edu/

[[email protected]]

I am glad I am not the only one. Thanks for posting this.

[carasmo]

Please submit a bug report for this.

For your fix to make it match, change the value in your style sheet

where the value is 1280px to 1024px

/* Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1280px) {

	.front-page-1 {
		padding: 80px 60px 100px;
	}

	.front-page-2 {
		padding-top: 100px;
	}

	.flexible-widgets.widget-fourths .widget,
	.flexible-widgets.widget-halves .widget,
	.flexible-widgets.widget-thirds .widget {
		float: none;
		width: 100%;
	}

	.flexible-widgets .widget {
		padding-left: 0;
		padding-right: 0;
	}

}

---

Genesis Theme Customization and Help

[carasmo]

In the style-front.css file at the bottom.

---

Genesis Theme Customization and Help

[[email protected]]

Thank you so much. That did the trick.

[Susan]

This is so weird - I saw this question on the Genesis FB group; I was not able to replicate the issue - my site is displaying exactly like the demo (I downloaded and installed the theme yesterday), without needing to make any updates to the stylesheet.

[[email protected]]

Susan,

It is so weird. I tried it again this morning on another test site (Re-downloaded) and I keep getting the same issue until I change the style sheet. Oh well, I am glad it was an easy fix though.

Michael

[nickwilsdon]

Hi Carasmo,

Thanks so much for your fix - that sorted out this issue in front-page-2.

Do you have any idea how to fix this across front-page-3 and front-page-4. I noticed they are not referenced in the block of CSS referenced. I found them underneath, but changing the value of 800px didn't seem to change anything?

@media only screen and (max-width: 800px) {

	.front-page-1 .widget-title {
		font-size: 36px;
		font-size: 3.6rem;
	}
	
	.front-page-3 .featured-content .entry {
		padding-left: 7.5%;
		padding-right: 7.5%;
		margin-bottom: 60px;
	}

	.front-page-3 .featured-content a + .entry-header {
		padding-top: 0;
	}

	.front-page-3 .featured-content .entry-content,
	.front-page-3 .featured-content .entry-header,
	.front-page-3 .featured-content a.alignleft ~ .entry-content,
	.front-page-3 .featured-content a.alignleft ~ .entry-header,
	.front-page-3 .featured-content a.alignright ~ .entry-content,
	.front-page-3 .featured-content a.alignright ~ .entry-header,
	.front-page-3 .featuredpost .more-from-category {
		float: none;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	.front-page-3 .featured-content a.aligncenter,
	.front-page-3 .featured-content a.alignleft,
	.front-page-3 .featured-content a.alignnone,
	.front-page-3 .featured-content a.alignright {
		display: block;
		float: none;
		max-width: 100%;
		margin-bottom: 60px;
		text-align: left;
	}
	
	.front-page-3 .featured-content a.alignleft .entry-image,
	.front-page-3 .featured-content a.alignright .entry-image {
		height: auto;
		float: none;
		max-width: 100%;
	}

}

[Author]

Posts