Page 1 of 2

Transprancy opacityfixed Header

Posted: February 23rd, 2017, 8:48 pm
by mendy123z
Helo i need some help:

1 - I want to change the opacity of the flaoting fixed header and the color of this, what css rule can i use to do it.
2 - When i scroll the web site the menu in the floating heat is too hight i want to move it in the midle of the fixed head like the logo.
Thank you

Re: Transprancy opacityfixed Header

Posted: February 24th, 2017, 10:57 am
by support_staff
1. For opacity and background color. Change in this CSS code as your requirement.

Code: Select all

.home-menu-list.sticky-head {
    background: rgba(8, 83, 17, 0.5) !important;
}
2. For menu in floating header. Put this CSS code.

Code: Select all

@media (min-width: 768px)
bootstrap.css?ver=4.7.2:4410
.navbar-nav > li > a {
    padding-top: 24px;
}

Re: Transprancy opacityfixed Header

Posted: February 24th, 2017, 7:24 pm
by mendy123z
Ok thank you i have did, only the opcion for the menu in floating didnt work, but i try using this:

.navbar-collapse {
padding-top: 28px;
}


but hanpend that both menu (normal and fixed) get down

support_staff wrote:1. For opacity and background color. Change in this CSS code as your requirement.

Code: Select all

.home-menu-list.sticky-head {
    background: rgba(8, 83, 17, 0.5) !important;
}
2. For menu in floating header. Put this CSS code.

Code: Select all

@media (min-width: 768px)
bootstrap.css?ver=4.7.2:4410
.navbar-nav > li > a {
    padding-top: 24px;
}

Re: Transprancy opacityfixed Header

Posted: February 25th, 2017, 12:32 pm
by support_staff
Hello,
Give me your site URL to check the issue.
Thanks.

Re: Transprancy opacityfixed Header

Posted: February 28th, 2017, 8:23 pm
by mendy123z
This is the url: http://arcompu.com/

i want when i scroll the web the floating menu het a line in the midle with the logo

Re: Transprancy opacityfixed Header

Posted: March 1st, 2017, 11:56 am
by support_staff
Please,

Give a screenshot for the issue.

Re: Transprancy opacityfixed Header

Posted: March 1st, 2017, 10:45 pm
by mendy123z
Bajar el menu.png

Re: Transprancy opacityfixed Header

Posted: March 2nd, 2017, 11:33 am
by support_staff
please send the temp access of site with url at lizarweb[at]gmail[dot]com
We'll resolve the issue asap.


Note: please mention the link of this forum in mail.
Thanks.

Re: Transprancy opacityfixed Header

Posted: March 2nd, 2017, 9:48 pm
by mendy123z
i send it.
support_staff wrote:please send the temp access of site with url at lizarweb[at]gmail[dot]com
We'll resolve the issue asap.


Note: please mention the link of this forum in mail.
Thanks.

Re: Transprancy opacityfixed Header

Posted: March 4th, 2017, 1:04 pm
by admin
Hello,

I can see that there , See screenshot.

Thanks