create180design 1 Report post Posted July 7, 2012 Hi, I just upgraded to the 2.2 pagelines and expected the formatting issues but now I can't get them corrected. 1) The old CSS styling for the navbar does not work anymore. I need to have the navbar align further down - next to the "home" text. This is what I used before the upgrade: #brandnav .main_nav fix menu-main-header {float:right;width: 69%; padding-top: 200px; } Please advise as to how I need to modify this 2) On the contact us page, the sidebar is being pushed down for some reason. I have deleted and re0installed page lines and the base theme and no change. I do believe it may be related to the contact form short code but don't understand what the issue is with it. Thank you in advance for the support. Share this post Link to post Share on other sites
Rob 547 Report post Posted July 7, 2012 Try using Firebug which will help you identify things. It's very helpful. I think this is what you're trying to do with 1. [code]#brandnav .content-pad { padding-top: 200px; }[/code] No. 2... the math doesn't add up. The width of the sidebar is too narrow to match the width of the contact form. You'll need to narrow the width of the contact form. Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites
create180design 1 Report post Posted July 8, 2012 Sorry, but that did not work- that pushed the logo part down as well. I have been trying to use firebug but lately the code from firebug does not work at all (I have posted that several times regarding Firebug code not taking effect). The code that we copy from the right side of the firebug menu is not what needs to be used. Now, we need to look for the div class and then the section Id and all the div classes before the div class we want to modify (located on the left side) and then trial and error it with how these need to be written in the css- needless to say, this is very frustrating :( When I tried testing with firebug, I was able to move the menu bar down but when you hover over it the hover color started at the top of the page and covered the 200px drop. Any other suggestions is appreciated. Share this post Link to post Share on other sites
catrina 103 Report post Posted July 8, 2012 Try this selector: [code]section#brandnav div.brandnav-nav.main_nav.fix[/code] Please read the docs before posting. Please do not private message me unless I ask you to. Designer | Catrina Dulay Founder | Catrina and Mouse Share this post Link to post Share on other sites
create180design 1 Report post Posted July 8, 2012 Catrina you're awesome! That worked. If you have a minute, can you tell me how you got that selector?? Share this post Link to post Share on other sites
create180design 1 Report post Posted July 8, 2012 P.S.- regarding question Number 2, The form is not in a sidebar but in the main body. It is the Contact Form 7 plugin and I really don't see where it's settings are set to a set width. Looking at its css stylesheet, it looks like it's set to fit any width. Any thoughts??? Share this post Link to post Share on other sites