Headernav Menu background
Start-up Joomla template with amazing CSS3 animated icons, price tables and parallax effect background.
Rate this topic: 




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/
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/
-
- 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.
first read those tips: http://www.gavick.com/documentation/cat ... -template/
Than we will think together.
-
- Platinum Boarder
- GK User
- Tue Oct 01, 2013 8:03 pm
- Reply with quote
- Report this post
p.s.
This is default template width
But you need modify only menu bar, so start from this:
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;
}
-
- Platinum 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
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
-
- 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 }
-
- Platinum Boarder
6 posts
• Page 1 of 1