SOLVED: Horizontal Menu Bar Moved Up After Changing CSS Values

Hello,

When I changed the width and height for my new logo in the template.css file, the menu bar moved up many pixels. Here is the code. I changed the w & H on h1.logo

h1.logo,
div.logo-text { float:left; padding:0 10px 0 0; background:#f4f2ef; }
h1.logo { width:135px; height:110px; background:#f4f2ef url('../images/logo.png') no-repeat 0 0; padding:0; }
h1.logo>a { text-indent:-999em; display:block;width:150px;height:100%; }
div.logo-text h1 { font-size:18px; line-height:26px; height:26px; color:#6b6459; text-transform:uppercase; }
div.logo-text h1 a { color:#6b6459; }
div.logo-text h1 a:hover { text-decoration:none; }
div.logo-text p { font-size:11px; line-height:14px; height:14px; color:#6b6459; text-transform:uppercase; letter-spacing:0.65px; }

Thanks!

Hi
Can you give us url to your site?

Hello,

Sure, was not sure if posting my URL was allowed here: http://www.tradeumbrella.com/

Thanks!

Try add to override.css

Code: Select all

#gk-toolbar {
float:right;
}


and remember to enable it

Hello,

I did add the code to the file and upload it. It did not work. But, where do I enable it?

Thanks!

Go to Extensions->Template Manager choose gk_corporate2
In Dev Mode section(right column) change Use override.css value to on

That worked perfectly, thank you for your help! I don't know what I would have done without you!

I'm glad I helped

Hello,

I was just in deleting/updating the mainmenu and the problem reoccurred. Please see here: http://www.tradeumbrella.com/ that the menu is too far above the header...

Thanks!

Code: Select all

#gk-nav { margin-top:60px; }

Thank you explodedk! It works now.

great. glad i could be to any help