Is the Associate Child theme mobile responsive?

[patgrahamblock]

Anyone know if the Associate Child theme is mobile responsive?

Thanks!

[nutsandbolts]

Unfortunately Associate is not mobile responsive as it's one of the older child themes. If you look at the themes page (http://www.studiopress.com/themes) there are three dropdowns at the top to sort - the middle one (Features) allows you to select mobile responsive to see all the child themes that have that feature. Hope that helps!

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[DonneE]

That's pretty annoying since I purchased this theme in July 2013 and was told it was indeed mobile responsive,

Not feeling the love...

[DonneE]

I'd appreciate any suggestions for a comparable theme to make switching as painless as possible.

[jlo2013]

I made it responsive!
Add this to the CSS file + logos in different dimentions:

/* Mobile Responsive Design
------------------------------------------------------------ */
body {

overflow-x: hidden;

}

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

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
margin: 0;
width: 100%;
}

.genesis-grid-even,
.genesis-grid-odd {
width: 100%;
}

#header {
margin: 0 auto;
min-height: 96px;
width: 100%;
}

.header-full-width #title-area,
.header-full-width #title,
.header-full-width #title a {
background: url(http://www.yoursite/files/2015/03/logo_768.png) no-repeat !important;
background-size: contain;
width: 760px;
height: 96px;
}

#nav {
width: 100% !important;
}

#inner .wrap {
width: 100% !important;
padding: 5% !important;
}

#content-sidebar-wrap {
float: none;
width: 100% !important;
}

#content {
float: left;
padding: 0 5px;
width: 90% !important;
overflow: hidden;
}

.featured {
margin: 0 auto;
height: auto;
width: 100% !important;
}

.home-middle,
.home-middle-1,
.home-middle-2,
.home-middle-3,
.sidebar {
width: 100%;
}

.home-bottom h4, .home-middle h4 {
text-align: center;
}

.home-middle .featuredpage img, .home-middle .featuredpost img {
margin: 5px;
display: inline;
width: 45%;
}

.home-middle p {
text-align: justify;
display: inline;
float: right;
width: 50%;
}

.home-bottom {
width: 100%;
}

.home-bottom-1,
.home-bottom-2 {
float: none;
width: 100%;
}

#footer .wrap {
width: 100%
}

#footer .creds p {
float: none;
text-align: center;
width: 100%;
}

#footer .gototop {
display: none;
}
}

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

.header-full-width #title-area,
.header-full-width #title,
.header-full-width #title a {
background: url(http://www.yoursite.se/files/2015/03/logo_600.png) #ffffff no-repeat !important;
background-size: contain;
width: 100%;
height: 60px;
}

#header {
margin: 0 auto;
min-height: 60px;
width: 100%;
background-color: #fff;

}

}

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

.header-full-width #title-area,
.header-full-width #title,
.header-full-width #title a {
background: url(http://www.yoursite.se/files/2015/03/logo_400.png) #ffffff no-repeat !important;
background-size: contain;
width: 320px;
height: 120px;
margin 0 auto;
}

#header {
margin: 0 auto;
min-height: 120px;
width: 100%;
background-color: #fff;

}

.home-middle .featuredpage img, .home-middle .featuredpost img {
margin: 5px;
display: block;
width: 287px !important;
}

.home-middle p {
text-align: justify;
display: block;
float: none;
width: 100% !important;
}

}

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

.header-full-width #title-area,
.header-full-width #title,
.header-full-width #title a {
background: url(http://yoursite.se/wp-content/uploads/2015/03/header240.png) no-repeat !important;
background-size: contain;
width: 100%;
height: 120px;
}
}

[Author]

Posts