[Solved] Align Menu to Left in Corporate 2

How do align the menu to the left on Corporate 2 template?

search the templates.css for

Code: Select all

#gk-nav { margin:0 0 10px 0; background:#979189;float:right; }

and change the right to left.

Awesome, that worked. I appreciate your support.

How would I make the background of the menu expand to the length of the template width dimensions (950px)?

yessir...

#gk-nav { margin:0 0 10px 0; background:#979189;float:left; width:830px }

play around with the pixels in the width. if you use 950 then it pushes the logo up above it.

Awesome again. Problem solved. Thank You.

you welcome.

Hey in regards to above - If you make the menu the same width of the template - is there a way you can center the menu items so that its in the middle?

Cheers,
T.

This is the menu URL

http://www.pokerchipindia.com/multi-coaching.com/

Hi

Menu needs to use float:left option to work, so the only way to make it is using margin-left:100px .

You can also fix the menu width and set it again using css, for example:

Code: Select all

#menu {
width:100px;
margin:0px auto;
}


Hi Teibite,

I dont think i understood that properly. Sorry.

I opened tempalte.css and i have already played with this line to adjust the width;

#gk-nav { margin:0 0 10px 0; background:#979189;float:left; width:980px; }

So where were u suggesting to add the margin?

Cheers,
V

Hi

Here's what you need to do:

Code: Select all

h1.logo {position: absolute!important;top:-15px}
#gk-nav {width:100%;background: #6C6459}
#gk-mainnav {width: 700px;margin: 0 auto}


1th line push up the logo.
2th line set 100% width to main div.
3th you need to set width value in px for gk-mainnav div and center by margin.

The result should be like this:

screen_2011-03-09.png

Cheers

Its working - but could u pls advise me on where in the css to change the grey colour to my preference?

Screen shot attached.

screenshot_2011-03-11.jpg

in

Code: Select all

#gk-nav {
background: #979189;// change this value
}


Thank you sir!

I'm glad I helped.

Hi

I'm interested in alining the Menu fom left to right, in Corporate 2, by using these lines :

h1.logo {position: absolute!important;top:-15px}
#gk-nav {width:100%;background: #6C6459}
#gk-mainnav {width: 700px;margin: 0 auto}

Could you help me please ?

In which file do I have to implement them ?
template.css ? or in another css file ?
I used Notepad ++ to search these lines and I did not find them...

and in which line ?

Thank you very much for your help.

doriqam, can you give me url to your site?