Sixteen nine pro mobile version

[laudamus]

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.com

[Victor Font]

You 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?

[laudeamus]

Thanks 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!

[Author]

Posts