Community Forums › Forums › Archived Forums › General Discussion › Sixteen nine pro mobile version
Tagged: mobile
- This topic has 2 replies, 3 voices, and was last updated 9 years ago by laudeamus.
-
AuthorPosts
-
April 23, 2015 at 3:27 am #148874laudamusMember
Hi,
I'm having problems with the mobile version of the sixteen nine pro theme on my site comoguide.com.
On mobile platforms the entire site seems squeezed over to the left and the left navigation menu appears for a second and then disappears. I'm using to http://mobiletest.me to test. The left navigation menu is a custom menu widget on the header right section.
Any idea as to what may be causing this? I tried to disable all plugins and sidebar widgets to no avail.
Thanks for your suggestions!
http://www.comoguide.comApril 24, 2015 at 1:34 am #148979Victor FontModeratorYou need to adjust the css in your media queries. Use the studiopress/responsive site to load your site into different size windows and then use your browser tools to adjust the css in each window. Copy the adjusted css to your theme's style.css.
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?April 24, 2015 at 4:53 am #149007laudeamusMemberThanks 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
- The forum ‘General Discussion’ is closed to new topics and replies.