[paulag01]

Appreciate it. Going nuts... fixing what I see but not solving those darn lines.

Appreciate the screencasts.

[paulag01]

I did see that Christoph.

Problem is a lot of the validation issues are generated by items I did not create nor am I customizing. Example - some of those come from the Yoast plugin. I am certainly not going to start hacking their code.

Was hoping to find some stray <div> or something.

If you have any advice on how to strip out the validation errors (ones I don't have control over) vs ones I do when I look at the report, I'm all ears.

Thanks for your time.
p

[paulag01]

And if I take just the HTML5 normalize and (above the defaults) part of the new genesis sample theme that does the trick.

So is that the best way to "upgrade" when Genesis sample is?

Thanks again for helping me wrap my head around this - not just as a quick fix but in long-term understanding.

[paulag01]

Thanks for your response. I will try and find this and resolve the padding issue.

I have the latest version of Genesis. This genesis sample child theme was 1.9 (older version) but that said -- how could I even update that? Isn't the purpose of the child theme to do your customizations? So if I took the new genesis sample theme and overwrote mine, I would be back at square 1 for the css.

So I am curious for now and going forward how would I upgrade that child theme?

Thanks

[paulag01]

If you are looking to get rid of the site name look here

Header

If you want to have the page title not display a plugin like this can work

Genesis Title Toggle

Keep in mind the SEO implications of removing/hiding your H1 or Title tags and/or using images only for those crucial spots.

Hope that helps

[paulag01]

It sounds like an issue within the media query itself and/or the device widths you are testing for.

[paulag01]

OK - Now I see what happened -- it was lost in the cache. Darn!

Resolved & thank you for your help!

[paulag01]

Will that interfere with the media queries and different header for mobile?

[paulag01]

I have followed the basics in this tutorial many times

http://thepixelista.com/responsive-genesis-child-theme-logo/

Granted some of the mobile break points have changed with new devices.

[paulag01]

I would suspect this is related to the hack and that all is not fixed. Perhaps some core files/editor files are still wonky?

My approach would be to have a known good backup (pre-hack) and reinstall core WordPress, put your themes and files back, restore database and see if you still have the problem.

[paulag01]

Thank you Brad. But I am not seeing what I am looking for on that link, but maybe I am missing it early this Monday!

I see how to remove site title and description (which I did before)

And changing what URL something links to but the problem is I do not have it linking anywhere at this point. It is not clickable.

So maybe I am just missing which snippet on that page you recommend to do the trick. Can you be specific?

[paulag01]

This may help you (as I am not 100% sure the full clarity of what you are asking)

Entry Content

[paulag01]

Thanks Nick. Simplifying that didn't seem to do much.

I did validate the css file so at least whatever it is isn't some random missing punctuation. Unfortunately it still leaves me a bit flummoxed.

If you have another suggestion, I am certainly open to it. I will continue searching.

[paulag01]

I have been having much success following this technique

http://www.aucoeurdesign.com/how-to-make-a-genesis-header-mobile-responsive/

[paulag01]

I believe I found my solution - or at least partial solution for now. Had to do with video resizing. So I will mark this post resolved even though the solutions mentioned above are not the resolution.

[paulag01]

I did add that in (and since deleted it) since it didn't do anything. I would think that the other max-width points already covered the 800px width device.

[paulag01]

Do you mean the H1 title for the page?

I have used this plugin https://wordpress.org/plugins/hide-title/

To hide specific titles (depending on page) in the past successfully.

Hope that helps.
Paula

[paulag01]

Hi Carlo,

Thanks for taking time to respond. I am totally befuddled by that damn Chrome inspector (much prefer firebug) -- as in I cannot see what is missing in certain media queries and what I see in there for say iPad 4 isn't what I see on my iPad 4.

Anyway -- I addressed those hard coded widths in the media query as follows (since this problem is only on the phone sizing) but to no avail:

/* Smartphones ------------------------------------------------ */

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

#wrap {
width:100%;
}

#header .wrap {
background: url('images/interior-mobile-320.jpg') no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
width:100%;
}

#content {

width:auto;
}

#inner {
width:auto;
}

.full-width-content #content {
width:auto;
}

#content .entry-title, #content .entry-content {
padding-left:10px;
padding-right:10px;
}

#aftercarousel .wrap {
width:auto;

}

#welcome .wrap,
#services .wrap,
#about .wrap,
#clienttest .wrap
{
width:auto;

}

.content-sidebar #content-sidebar-wrap,
.full-width-content #content-sidebar-wrap,
.sidebar-content #content-sidebar-wrap {
width: auto;
}

.content-sidebar #content,
.sidebar-content #content {
width: auto;
}

.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%;
padding: 0;
}

#footer-widgets .wrap {
width:auto;
}

.footer-widgets-1 {
float: none;
width:auto;
}
.footer-widgets-2 {
float: none;
width:auto;
}
.footer-widgets-3 {
float: none;
width:auto;
}
.footer-widgets-4 {
float: none;
width:auto;
}

I guess where I am confused is what div is different on latest posts page & single post pages vs regular pages that is being missed (since regular pages are displaying just fine on the phone.

Why width:auto; vs width:100%? Just curious.

Appreciate any additional insights... it is one of those things that I sense is so close and yet eludes me.

Thank you!
Paula

[paulag01]

I have found this post has worked wonders to help me with this problem

http://thepixelista.com/responsive-genesis-child-theme-logo/

[paulag01]

I think the reason it is missing the "blog" slug is because the home page is - Home (which uses the Blog Template to show the latest posts)

And the latest posts - is the "Blog" page, also using blog template.

I believe the problem lies in the fact that there are essentially 2 blog "latest posts" pages and the one is an offshoot of home (root), the other from the blog (thus why the /blog IS where the posts live).

So is there some code I can put in for the previous/next links in functions.php or somewhere that will test if it is the home page, then do this with the previous/next links so the /blog part appears?

[Author]

Posts