Making the menu bar a solid colour

**GK User** Wed Jul 02, 2014 3:25 pm

Hi i want the top of the template to be a solid colour running from behing the logo all the way across, i have managed to do this for the home page using the following:

Code: Select all: #gkHeaderNav{ padding:0px; background-color: #009275; }

The problem is the inner pages have margin on the right and left so the color doesnt run side to side. How can i change the template to apply padding instead of margin on the inner pages or is there another way to achieve what I am trying?

**teitbite** Wed Jul 02, 2014 5:27 pm

Hi

I'm afraid this will require some extended customisation since to accomplish that You will have to move this part outside the main website wrapper loosing whole the styles for upper part. I think easiest would be to add an image ac a background for the whole website. Something like:

Code: Select all: #gkBg { background: url(../images/upperbar.png) repeat-x center top transparent; }

**GK User** Thu Jul 03, 2014 8:31 am

That doesnt seem to work as there are other backgrounds that sit ontop of it.

An alternative would be to put the margin on the home page. Therefore the bar would look as it does on the inner pages on the home page as well. How would i go about doing this?

ie i want the homepage gkHeaderNav to have the same margin applied to it as the other pages.

**teitbite** Thu Jul 03, 2014 7:17 pm

Hi

Looking at our demo of University template I do not see any other element which will cover the bar in background. Main background is set to <body></dody> element and this background is visible.

So I think I must have missunderstood Your request. Can You please explain it one more time and show some images for me so I'll be able to better understand it ?

If You want make frontpage to look the same as inner pages please remove suffixes attached to frontpage in teplate settings. You will find it in Features section.

**GK User** Fri Jul 04, 2014 7:48 am

Hi, i have tried removing the suffix doesnt seem to have any effect.

What i want is for the menu bar on the home page to look the same as the menu bar on the inner pages. Please refer to link.
http://lnxwebs14.cpt.wa.co.za/~hpcacoza

Regards

**GK User** Fri Jul 04, 2014 1:11 pm

I figured out a solution.

**teitbite** Sat Jul 05, 2014 9:49 am

Hi

Can You please share this solution with us? In case someone will be looking for same answer ?

**GK User** Mon Jul 07, 2014 11:19 am

I was able to make the bar full width on all pages by setting the nav bars position to fixed. Obviously this also has other consequences but i was willing to live with the sticky nav bar