Agency Pro Home-Middle Mobile widget images & titles squished

[jillchongva]

The home-middle widgets on the Agency Pro theme look strange on the mobile version.

The titles are displayed vertically and not horizontally.

What do I change in the @media css?

URL http://wowerfulweb.com/ottawabodypiercing/

---

jill chongva
online marketing: lusciouspress.com
organizing: lusciousorganizing.com
em: [email protected]

[Tom]

Hi Jill,

It looks like you've made a change to your stylesheet at line 1257.

The original stylesheet selector is:

.agency-pro-home .featuredpost .entry {
    background: none;
    float: left;
    width: 33.33334%;
}

Your stylesheet is modified as follows:

.agency-pro-home .content .featuredpost .entry {
    background: none;
    float: left;
    width: 33.33334%;
}

If you remove the .content part of the modified selector, the existing media query/queries will operate as expected.

---

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

[jillchongva]

Thanks Tom!

I actually didn't edit that and just to make sure, I downloaded the theme again and the code on line 1257 is:

.agency-pro-home .content .featuredpost .entry {
	background: none;
	float: left;
	width: 33.33334%;
}

I've changed it out to what you suggested and it works! Thanks again!

---

jill chongva
online marketing: lusciouspress.com
organizing: lusciousorganizing.com
em: [email protected]

[Tom]

It looks like the stylesheet provided in the download is different than the stylesheet used in the demo - but both are labeled "Version: 3.1". I've opened a ticket with StudioPress support to see about this.

---

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

[Author]

Posts