Forum Replies Created
-
AuthorPosts
-
matt kleinMember
Thanks for looking at it Anita. When I looked at it, I noticed the links were not complete (there was no http://karate-kids.com.au, only glendenning-location/ etc. for all the map pages. It never seemed to make a difference before, but I went in with the WP editor and changed all the links. They now work. Very strange, not sure what caused this. I ran a page validator on it, and it did show "obsolete css", but not sure if that would cause it.
matt kleinMemberI went back to the fixed position on my header and it seemed to resolve the problems in the browsers.
matt kleinMemberThanks Dag-Erling, I just received some assistance from the CopyBlogger help desk and problem is resolved. Good idea about the uploading to WP, will do that next time.
matt kleinMemberActually, I have been experiencing the exact same problem in Chrome as well as IE, so I suspect it is more than just an IE issue. In many of the Browsershots I am showing no content area at all. Anyone else having this problem?
matt kleinMemberSorry, that link is not correct, and cannot seem to upload a screenshot. But content is being pushed down below sidebar on left for some reason in a few browsers.
matt kleinMemberWill give that a try Dag-Erling, thanks!
matt kleinMemberI am looking for a solution for this problem too. I thought we had one, but it caused all kinds of problems in different browsers, so not confident with it.
matt kleinMemberHere is the other thread where the solution was posted: http://www.studiopress.community/topic/theme-sixteen-nine-fixed-navigation-problems/#post-102011
matt kleinMemberHi Tony,
I did not want to disturb you over the Holiday weekend, but my browsershots test showed many problems. Most involve the content being pushed down below the footer. I will send you a screenshot of it, but almost half of the browsers showed the problem. I saw this on another thread:Hi Nick and Matt,
I had the same issue – caused by a ‘sticky navigation’ setting and resolved it by changing
position: fixed;
to
position: static;
under the section labeled:
.site-header {Good luck!
Could this be the answer?
matt kleinMemberThank you very much 84th and 3rd. I might have to try your idea as my solution is showing some problems. The content is getting pushed down below the footer in many browsers. Will report back here when I try it.
matt kleinMemberSorry Anita, did not read your post clearly. Appreciate the link. It is very helpful.
Thanks a lot Gary. I will try many of your suggestions. Can you enable Gzip within the theme? A am assuming you place add_filter( 'genesis_load_deprecated', '__return_false' ); in the head. Is that correct? Does the Total Cache plugin minimize the style.css and js files?
I really like the NextGen but there are a few things I don't like about it, performance included. Might give envira a look.
Overall, Gary, most of the changes are above me as I am kinda green, but I will try to implement them one way or another.
matt kleinMemberThanks Jennifer for your kind assistance. The Google speed test, which gives my site a an 86 on the desktop and only a 75 on the mobile, is giving me this advice as the highest priority. I will look into correcting it if it is possible:
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 12 blocking script resources and 8 blocking CSS resources. This causes a delay in rendering your page.
I am already using Total Cache, but wondering how much the Pro version will improve speed. Also, wondering how you can test the impact your web host sharing has on site speed.
The article was very helpful and I will try to implement as many of their recommendations at possible. Thanks again.
matt kleinMemberAlso found this, so I am not sure there is a solution:
"Opera is for basic Web browsing. It doesn't support video, audio, or Flash (though no iOS browser does this last one). Fonts seem to be hammered down to a very limited set. Opera can't handle interactive Web apps the way Safari can. Because it's transferring compressed data, Opera Mini displays pages that are basically static."
matt kleinMemberYou are amazing Tony, looks good on Safari now too! Cannot thank you enough.
My problem child now looks like Opera on the iPad, but it is a different issue, logo is appearing to lose its transparent background and showing up as a block, and all Google fonts are not rendered at all. I will try to find the appropriate thread.
matt kleinMemberThanks Tony, how do I provide screenshot. No place to upload here.
matt kleinMemberSorry Tony, I am very unclear as to what changes to make at each browser width. I thought I did this already. Here is my current css for media queries:
/*
Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1279px) {.full-width-content .content,
.site-header,
.site-inner {
width: 100%;
}.content {
width: 70%;
}
.content:before {
left: 0;
width: 70%;
}
.sidebar-primary {
width: 30%;
}.site-header {
float: none;
height: auto;
padding-top: 20px;
position: relative;
}
.site-header:before {
display: none;
}
.title-area {
margin-bottom: 20px;
}.genesis-nav-menu {
border-bottom: 1px solid #333;
margin: 0 0 20px;
text-align: center;
}.genesis-nav-menu .menu-item {
display: inline-block;
text-align: left;
}.genesis-nav-menu li {
border: none;
float: none;
width: auto;
}.genesis-nav-menu .sub-menu {
margin: 0;
}.genesis-nav-menu .sub-menu a {
text-align: left;
}.site-footer {
display: none;
}.sidebar {
padding: 60px 60px 0;
}}
@media only screen and (max-width: 1023px) {.site-container {
margin: 0 auto;
max-width: 768px;
}.sixteen-nine-landing .site-container {
margin: 5%;
}.content,
.sidebar-primary {
width: 100%;
}
.content:before {
display: none;
}
.archive-description,
.author-box,
.breadcrumb {
margin: 0 0 60px;
}.search-form {
float: none;
margin: 0 auto;
width: 50%;
}.sidebar {
padding: 60px 0 0;
}}
@media only screen and (max-width: 767px) {.site-title {
font-size: 24px;
}.title-area {
margin-bottom: 0;
}.header-widget-area .widget,
.site-description {
margin-bottom: 20px;
}.site-header .widget-area {
text-align: center;
}.content,
.sidebar {
padding-left: 10%;
padding-right: 10%;
}
.content:before {
display: none;
}
.entry-title {
font-size: 32px;
}.enews-widget input,
.enews-widget input[type="submit"],
.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.search-form,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
margin: 0;
width: 100%;
}.responsive-menu {
display: none;
}#responsive-menu-icon {
display: block;
}}
matt kleinMemberThanks Tony, I ran this through Browsershots yesterday and some worrying issues came up. In many of the shots, including some late version Firefox, the content has been pushed down below the level of the footer. Any reason for this? I read somewhere about a problem with anchor text causing it. Any ideas?
matt kleinMemberAlso used ServerPress in my latest development and it was dead easy. This from a techy-wannabee. Previously used MAMP being a mac person, and it was okay.
matt kleinMemberI just checked browser statistics at http://www.w3schools.com/browsers/browsers_stats.asp. Noticed Safari only accounts for 4% of users, and I suspect that out of those the vast majority come from mobile or ipad devices. Since the problem is really not an issue on those, is it really worth the trouble to make sure it appears perfectly? I am ready to mark this issue as resolved.
matt kleinMemberThanks for all you have done Tony, I'll follow you on Twitter. Will try your recommendation, but it looks good on all other browsers. Safari is becoming the pain that IE used to be.
I noticed that on my laptop I had to extend the window out its maximum to get the "desktop" version. Otherwise, it defaults to the "iPad" version, which is not ideal since the header monopolizes two-thirds of the crucial area above the fold. Is there any way to force it to show the "desktop" version at a smaller window size?
-
AuthorPosts