Community Forums › Forums › Archived Forums › Design Tips and Tricks › Is the Associate Child theme mobile responsive?
Tagged: associate mobile responsive
- This topic has 4 replies, 4 voices, and was last updated 9 years, 1 month ago by jlo2013.
-
AuthorPosts
-
January 9, 2014 at 8:00 am #84151patgrahamblockMember
Anyone know if the Associate Child theme is mobile responsive?
Thanks!
January 9, 2014 at 8:55 am #84166nutsandboltsMemberUnfortunately 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+November 19, 2014 at 10:29 am #132139DonneEMemberThat's pretty annoying since I purchased this theme in July 2013 and was told it was indeed mobile responsive,
Not feeling the love...
November 19, 2014 at 10:30 am #132140DonneEMemberI'd appreciate any suggestions for a comparable theme to make switching as painless as possible.
March 10, 2015 at 5:29 am #143897jlo2013MemberI 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;
}
} -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.