Forum Replies Created
-
AuthorPosts
-
apouchMember
Hi Wendy
Thanks SO MUCh for your suggestions, I am making progress!
I have started responses to you a bunch of times with new problems but I am happy to say I have figured them all out!
You have encouraged me to plug away - I still don't know why this responsive stuff is so hard for me to get a grip of!Many thanks again.
ANneapouchMemberHi Wendy
Your tutorial has been very helpful but I need some help getting the navigation bar to be responsive.My website: http://www.annepouch.com/grla/ has a full browser width image only on the home page, internal pages will be 970px wide, you can see that this page is working: http://www.annepouch.com/grla/who-we-are/
And the portfolio pages will have a 2 column layout which you can see here: http://www.annepouch.com/grla/building-envelope-1/I am pulling my hair out trying to figure out why my navigation bar isn't responsive. I think I have the concepts of when to use width: 100% and when to be specific - if I remove the
#nav ul { width: 970px;} It becomes responsive but then it is no longer centered, but it is left justified. the "margins: 0 auto; and float:none" don't seem to make it work either.Below is my Prose css in the Custom Code box:
/** Do not remove this line. Edit CSS below. */
/*for full-width header: set body width to 100%, center the #wrap, position header background in center of page, set width and centering on #nav, #inner and #footer*/
body {
width: 100%;
}
#wrap {
margin: 0 auto;
}#nav {
width: 100%;
}#nav ul {
width: 970px;
margin: 0 auto;
float: none;
}#nav ul a {
padding-right:30px;
}.post-2 h1 {
display:none;
}#inner {
clear: both;
margin: 15px auto 0;
width: 100%;
}#content-sidebar-wrap {
width: 100%;
}.content-sidebar #content-sidebar-wrap, .sidebar-content #content-sidebar-wrap {
float: none;
margin: 0 auto;
width: 970px;
}#content {
float: none;
margin: 0 auto;
width: 970px;
}.page-id-2 #content {
width:100%;
}#footer {
width: 970px;
margin: 0 auto;
}Thanks
Anne -
AuthorPosts