[jocatman]

Hi. When I view my site on mobile, or resize the web browser, any page not in the custom menu displays the last page in the menu as the page label on the left side of the bar.  In my case, “- Contact” shows, for example, when viewing the Welcome, Terms of Use, and other pages.  If I add another item to the menu at the top level, that label then displays on these same pages.

This is also true for the Blog category page.

Any thoughts?

[jocatman]

Also, I had a hell of a time getting to your site today.  Are you hosted on Go Daddy?  I’m a bit concerned about their service…

[Sakin]

@jocatman: try using custom menu and it will solve the issue on menu. Go To “Appearance => Menus” and add from there. See more about custom menu at http://en.support.wordpress.com/menus/.

We will add support for default menu in next version update.

[jocatman]

I am using custom menu 🙂  www.onedivinenation.org .  do i need to wait for a fix for custom me

nu?

[Sakin]

@jocatman: thanks for pointing our the bug for that we will add ad Menu for all then item not in Menu as default. Wait for next version update.

[jocatman]

thanks, how often do you release updates?

[Sakin]

@jocatman: It depends on the requirement of the theme and the impact of the issues.

[jocatman]

okay, thanks. Another question… How do I adjust the responsive design at high resolution? It seems to re-size one size too many, and I’d like to fix it so it does not jump to that largest size? Or at least play around with different settings to get it to how I would like it to max out.

http://www.onedivinenation.org

Thanks,

Joe

[Sakin]

@jocatman: You have to be vary careful while adjusting for responsive css. You have to add with media query. You can adjust all through Custom CSS box in Theme Options panel.

For example.
/* For all screen above 1190px resolution */
@media screen and (min-width: 1190px) {
.site {
margin: 40px auto;
margin: 4rem auto;
max-width: 1140px;
max-width: 114rem;
width: 100%;
}
}
/* For screen with max width resolution of 1060px */
@media screen and (max-width: 1060px) {
.site {
margin: 20px auto;
margin: 2rem auto;
width: 90rem;
}
}
/* For screen with max width resolution of 960px */
@media screen and (max-width: 960px) {
.site {
width: 70rem;
width: 700px;
}
}
/* For screen with max width resolution of 767px */
@media screen and (max-width: 767px) {
.site {
width: 380px;
width: 38rem;
}
}

[jocatman]

Okay, thanks, I’ll review with my developer and see if he is comfortable making adjustments.

[jocatman]

I tried playing with that code and could not get it to do what I want. What I want is for the site to not resize to the current max size. I want it to max out at the same width as the site when the responsive design is disabled. Does that make sense? I want max size = fixed disabled size. Can you give me the precise code I need to add to do this? Please? 🙂

[Sakin]

@jocatman: If you want fixed width and disable the Responsive Design then you can do that from “Appearance => Theme Options => Responsive Design”. Just check on “Disable Responsive Design”.

[jocatman]

No Sakin, you are not following me and I find that frustrating.

What I want is for the site to not resize to the current max size. I want it to max out at the same width as the site when the responsive design is disabled. I want max size = fixed disabled size, but I want it to resize when at smaller resolutions. I just want that last RESIZE UP to not be so large.

[Sakin]

@jocatman: Then try adding in the CSS in “Appearance => Theme Options => Custom CSS” box.
@media screen and (min-width: 1190px) { .site { width: 990px; width: 99rem; } }

[jocatman]

Thanks, that is close 😛 It sets the upper limit like I want, but unfortunately, at the higher resolutions, the Sidebar layout breaks. You can see this here: http://onedivinenation.org/welcome/

[Sakin]

@jocatman: I don’t see any issues in higher resolutions.

[jocatman]

I took out the code. No worries…, I will work with my developer to figure it out. O

[Author]

Posts