Cold Steel Template Support Thread

[libertyguy]

Why didn't you leave the menu bar in its original position and move the "date" down?

did what I could with my limited programing ability
thought of leaving date off if that would center menu

Nick

[clydejones]

did what I could with my limited programing ability
thought of leaving date off if that would center menu

Nick

There are "hidden" menu items that will only be displayed when a customer is on certain pages. This is the reason that the menu "expands".

Moving the menu up won't "center" it.
If you want the menu centered, open the stylesheet.css find the following section of code and make the highlighted change

#navMain {
margin:0 auto;
padding: 0;
}

[libertyguy]

Clyde This didn't help I have

/*BOF top main navigation*/
#navMainWrapper {
position:absolute;
left: 265px;
top: 93px;/**************************/
font-size: 1.2em;
}
#navMain {
margin:0 auto;
padding: 0;
}

"home" is at left margin

Thanks
Nick

[clydejones]

Clyde This didn't help I have

/*BOF top main navigation*/
#navMainWrapper {
position:absolute;
left: 265px;
top: 93px;/**************************/
font-size: 1.2em;
}
#navMain {
margin:0 auto;
padding: 0;
}

"home" is at left margin

Thanks
Nick

You could try changing the following as indicated by the highlight

#navMainWrapper {
position:absolute;
left: 365px;
top: 93px;/**************************/
font-size: 1.2em;
}

[libertyguy]

Clyde On one of my other computers, "view cart" already overlaps date If I increase "left" it will only make overlap worse.

Nick

[clydejones]

Clyde On one of my other computers, "view cart" already overlaps date If I increase "left" it will only make overlap worse.

Nick

You can always cause the date to NOT display:

open includes/templates/cold_steel/css/stylesheet.css

find the following and make the highlighted change

.date {
display:none;
padding-left:0px;
position: absolute;
top: 95px;
right: 17px;
color:#000;
font-weight: bold;
text-align: left;
font-size: 1.2em;
line-height:normal;
}

[libertyguy]

Clyde took out date "home.." text dropped which is OK trying to center it but not having any luck

Nick

[clydejones]

Clyde took out date "home.." text dropped which is OK trying to center it but not having any luck

Nick

You've obviously also changed this:
position:center is not a valid css attribute and will not work.
#navMainWrapper {
position:center;
/* float:center;*/
/*position:absolute;*/

left: 265px;
top: 93px;/**************************/
font-size: 1.2em;
}

[libertyguy]

Clyde Thanks for the help....
Nick

[Celtic]

Libertyguy,

Assuming you want your menu links to stay centered when the window size changes, I recommend changing your 'navMainWrapper to...

#navMainWrapper {
font-size: 1.2em;
left: 260px;
position: relative;
top: -30px;
}