Header and Sticky Header heights

henova · February 2016

Hi,

I am looking to have a different header and sticky header height. Is this possible?
I would also like to make the transparency the same on both, is this possible?

http://www.qott.jenova.co.uk/

Thank you,

Ollie

Albert · February 2016

Hi Ollie,

as we see, your header is already the same height as sticky header. Just background is different. But to change it's transparency, you can use the following css:

.header-split #Top_bar { background-color: rgba (255,255,255,0.7) !important; }

henova · February 2016

I wanted to make the header and sticky header different heights?

So the sticky header would be 60px high, is this possible?

Albert · February 2016

If you want to make them different, you should remove your custom css responsible for header size.

henova · February 2016

OK i see thank you

henova · February 2016

Hello again,

I am still having trouble with this sorry.

http://www.qott.jenova.co.uk/

I want to have a 0.6 transparent background on the header. When you access the page the header is 210px high. Then when the sticky header kicks in it will be 60px high with the same transparency and a different logo. I change the css in inspect element and it works but when I add the css to custom code it does not work.

Can you please advise?
Thanks,

Ollie

Albert · February 2016

So to change sticky transparency, use:

.sticky-dark #Top_bar.is-sticky {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
}

henova · February 2016

Thank you this is fixed.

One more thing, on menu hover I get a the text changing to orange but on the sticky menu i get an underline. I would like to have the underline on the normal menu as well.

Can you please advise?

Thanks,

Ollie

Albert · February 2016

To change menu style, you need to play with available styles under Theme options > Menu & Action Bar > Menu section.

henova · February 2016

Thank you, that was quite obvious sorry!

Albert · February 2016

You are welcome

Header and Sticky Header heights

Comments