Forum Replies Created
-
AuthorPosts
-
laudeamusMember
I did a rough css fix with the following, but I'm wondering if there's a better way - especially since I still want the responsive hamburger icon to show up on mobile devices.
#menu-primary {
display: block !important;
}#responsive-menu-icon {
display:none !important;
}laudeamusMemberThanks so much for your help!
laudeamusMemberYes, I don't quite understand that error. W3C validator is telling me I have a "stray end tag </head>." On the surface the following seems completely valid to me:
</head>
<body class="home blog full-width-content" itemscope itemtype="http://schema.org/WebPage">Where would I even go to fix something like this? I hardly changed anything from the original parallax pro theme.
laudeamusMemberHi Victor,
Thanks for your input. Just wondering - how are you noticing the rendering errors?
laudeamusMemberHere is what front-page.php contains, if that helps:
http://comoguide.org/test/front-page-text.txtlaudeamusMemberThanks for your comments! Highly appreciated!
laudeamusMemberYou nailed it! I had to remove the following transition elements and it stopped doing it right away.
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;Perhaps there's still a way to tinker with the img:hover attribute below, to get them both to work at the same time, but I couldn't figure out a way.
.home-middle .featuredpost img:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity=10);
-moz-opacity: 0.1;
-khtml-opacity: 0.1;
opacity: 0.1;
}
Thanks!laudeamusMemberSuper! That worked.
What does "@media" stand for and why is it separate from the other ".genesis-nav-menu a" found under "/* Site Navigation"?
Sorry for a newbie question!
Thanks!
laudeamusMemberThanks so much for your response! Unfortunately this is very new territory for me.
Can you direct me to the URL where I can check the responsive site?
And then which of the numbers below would I be changing to adjust the theme?
Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1279px) {.full-width-content .content,
.site-header,
.site-inner {
width: 100%;
}.content {
width: 70%;
}.sidebar-primary {
width: 30%;
}.site-header {
float: none;
height: auto;
padding-top: 20px;
position: relative;
}.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%;
}.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%;
}.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;
}}
Thanks for your help!
-
AuthorPosts