[saffron avenue]

Hi there,

I noticed in Android the actual text in the content area is pushed to the left and not in line with the rest of the content (photos and such). In ipad and iphone it is fine..just android.  So confusing!

[saffron avenue]

Hi there,

Yes I do not want it to be responsive, simply just fixed to the screen when you go mobile.  I deleted all the media queries in CSS, tried to remove the 'max-width: 1070px', etc. But still the content paragraph fonts are not working very well.  I wasn't sure if it was just android but my client is having the problem on ipad.

I have no clue how to fix it

[saffron avenue]

Hi there,

Maybe it is responsive, but the other sites I have designed seem to just stay the same on mobile.  Basically wanting it to be like mine here http://saffronavenue.com/ So you see the full site immediately. With hers, it is the full site, but for some reason the text is messing it up? Does that make sense? Thank you!

[saffron avenue]

Okay, I will take a look and attempt to figure it out. Thank you so much for your help!

[saffron avenue]

Hi there,

I see, so there is a line of code that I may be able to add to my stylesheet just like the iphone? And if so, am I able to find this through studiopress? Thank you, I am still new to all of this!

[saffron avenue]

Hi there,

Not completely sure what you mean, I am using the simple hooks plugin. That is where I placed that code into (genesis_before_post_content). I'm just not sure if I am putting it in the wrong hook, or if there is a way to remove from certain pages.

I'm sorry I hope this makes sense!

[saffron avenue]

Hi there, I thought about adding a link directly to the image but realized I don't know what link I would use to link to posts. If there is a specific link for post comments?

Thank you!

[saffron avenue]

Hi there,

I just added it to the background of .post-comments...but it is still not clickable?

[saffron avenue]

Hi there,

I didn't  think I should edit that. Yes, just as a regular website, like http://www.familiar-fare.com on mobile.  Because the responsive layout looks horrible, I would rather just remove the option.

Thank you!

[saffron avenue]

I found the below in the genesis framework style.css but not in my child theme style.css. Is it okay to touch that css stylesheet? And if I do remove it will it still size accordingly to phones, ipads, etc.?

 

/* Responsive Design
------------------------------------------------------------ */

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

.menu-primary li,
.menu-primary li ul,
.menu-primary li ul a,
.menu-secondary li,
.menu-secondary li ul,
.menu-secondary li ul a,
#header .menu li,
#header .menu li ul,
#header .menu li ul a {
width: 100%;
}

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

.menu-primary li a,
.menu-secondary li a,
#header .menu li a {
margin: 0;
padding: 7px 3%;
}

.menu li li a .sf-sub-indicator,
.menu li li li a .sf-sub-indicator {
background: url(images/icon-plus-white.png) right no-repeat;
}

.menu-primary li li a,
.menu-primary li li a:link,
.menu-primary li li a:visited,
.menu-secondary li li a,
.menu-secondary li li a:link,
.menu-secondary li li a:visited,
#header .menu li li a,
#header .menu li li a:link,
#header .menu li li a:visited {
background: none;
color: #fff;
padding: 7px 3%;
width: 94%;
}

.menu-primary li ul,
.menu-secondary li ul,
#header .menu li ul {
background: #333;
clear: both;
margin: 0;
padding: 0;
position: inherit;
}

.menu-primary li ul ul,
.menu-secondary li ul ul,
#header .menu li ul ul {
background: #666;
}

.menu-primary li ul ul ul,
.menu-secondary li ul ul ul,
#header .menu li ul ul ul {
background: #999;
}

.menu-primary li ul ul,
.menu-secondary li ul ul,
#header .menu li ul ul {
margin: 0;
}

}

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

body {
width: 100%;
margin: 0 auto;
}

.archive-page,
.content-sidebar #content,
.content-sidebar-sidebar #content,
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.full-width-content #content,
.sidebar,
.sidebar-content #content,
.sidebar-content-sidebar #content,
.sidebar-sidebar-content #content,
#content-sidebar-wrap,
#footer .creds,
#footer .gototop,
#footer-widgets .wrap,
#header .widget-area,
#sidebar-alt,
#title-area,
#wrap {
width: 100%;
}

#wrap {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
}

#description,
#footer .creds,
#footer .gototop,
#title,
#title-area {
float: none;
text-align: center;
}

#title-area {
padding: 10px 0;
}

#description,
#title a,
#title a:hover {
padding: 0;
}

#header .widget-area {
padding: 0 0 10px;
}

#header .searchform {
float: none;
padding: 0;
text-align: center;
}

#header .s {
margin: 0 -7px 0 0;
}

.menu li.right {
display: none;
}

#inner {
padding: 20px 0 0;
}

.breadcrumb,
.navigation,
.sidebar .widget,
.taxonomy-description {
margin: 0 20px 20px;
}

#content {
padding: 0;
}

.page .page,
.post,
#comments,
#respond {
padding: 0 20px;
}

.author-box {
margin: 0 20px 40px;
}

#footer-widgets .widget {
padding: 20px 20px 0;
}

#footer-widgets .wrap {
padding: 0;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
margin: 0;
}

}

[Author]

Posts