Headernav Menu background

Start-up Joomla template with amazing CSS3 animated icons, price tables and parallax effect background.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Tue Oct 01, 2013 7:06 pm
Reply with quote
Report this post
Hi,

I want my header menu background to extend all the width of the website, how can i do that?

Link: http://50.63.153.50/~fiallos/
User avatar
Senior Boarder

GK User
Tue Oct 01, 2013 7:58 pm
Reply with quote
Report this post
Hi,
first read those tips: http://www.gavick.com/documentation/cat ... -template/

Than we will think together.
User avatar
Platinum Boarder

GK User
Tue Oct 01, 2013 8:03 pm
Reply with quote
Report this post
p.s.

This is default template width
Code: Select all
.gkPage {
    max-width: 1150px;
}


But you need modify only menu bar, so start from this:

Code: Select all
#gkHeaderNav .gkPage {
    max-width: none !important;
}
User avatar
Platinum Boarder

GK User
Wed Oct 02, 2013 3:35 pm
Reply with quote
Report this post
Okay, thanks
User avatar
Senior Boarder

GK User
Fri Oct 11, 2013 10:51 am
Reply with quote
Report this post
Hi!

I have the same problem as above. I want to add background color to menu header and it looks great on page load. But then after scrolling the page down and up again menu header is reduced to 1150px and not covering 100% as on page load. After inspecting the code I see the first div tag disappearing after scrolling. .imageBg #gkHeader > div:first-child

How can I fix it?

my test page is here http://e-studio.no/reg/

I have tested the test link provided earlier in this post and the same reducing effect on header menu after scrolling happens there as well
User avatar
Fresh Boarder

GK User
Mon Oct 28, 2013 12:14 pm
Reply with quote
Report this post
What about this CSS code, it should help you with background colors.

Code: Select all
#gkMenuWrap.active  { background:black }

ul.gkmenu li { background:red }
User avatar
Platinum Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.