Theme update responsive navigation

smartwebcanada

Hello,
I updated the theme..http://drjohncarpendale.ca/wp3/
And we have updated again the css for the 1240 to be responsive in the 1024. Its working fine in 1024 but in 768 the navigation is just showing up..Not sure why..Please see site http://drjohncarpendale.ca/wp3/

Cheers

Albert

Hi,

as we see, everything works on iPad so don't understand what you exactly mean.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

smartwebcanada

Hello, Please see in the responsive design view with the size of 768..Cheers

Albert

As you can see into code, you did ir wrong. Please once again look at our code http://forum.muffingroup.com/betheme/discussion/29/responsive-toggle-value/p1 and look on your code again. You did 768px in 2 places, not in one as we mentioned in topic. That's why your current theme is loading 2 different styles for 768px size. In this case or you will change in 1st declaration to 769px or in second to 767px.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

smartwebcanada

Ok. I changed that..to 768 for the line 5 and line 204 for 767, when viewing, it didnt show up the toggle menu just the desktop navigation now.. See screenshot..

smartwebcanada

Ok, it seems it worked when I used 960 instead of 768 on the 1240 css..Not sure why, but before the update when I edit it I used 768, not sure why it didnt worked now..

Also, is there a way that in 1024 that the font size of navigation is smaller, for now its breaking down, we would like to be in straight line..I know need to do with spacing and making the navigation font smaller with media queries.. Im just not sure what the right media queries for it to worked..

Cheers

smartwebcanada

Hi, nevermind it seems it worked..I kind of figure out how..
@media only screen and (max-width: 1024px)
{

.menu-highlight #Top_bar .menu > li {
    margin: 0;
}
.menu-highlight #Top_bar .menu > li a {
    font-size: 14px;
}

}

Not sure if its right though..

Albert

Ok. So if above css works then it's ok. Great to hear that you solved it finally.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

smartwebcanada

yeah..Thanks