Making menu transparent

nkthen

The setting for header, there is this option:
"Split Menu Semitransparent"

That's cool. Can I know if I can do CSS way to make it transparent?

Also, for "Stack: Center" header, can I also make it transparent?

Albert

Hi,

transparent works with only few header types. For Stack: center it won't work. If you would send us url to page where you have header, we'll see if it's possible to make it transparent.

Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

nkthen

How about "Split menu" & "Split menu Semitransparent", can they be transparent?

Also, for this theme: http://themes.muffingroup.com/be/animals/

The menu looks like "Stack Center" and it's transparent.

Albert

For Semitransparent it would be possible to set completely transparent background but we need url to your site so we can have a look on it.

In accordance to Be|Animals demo, for this demo we used a lot of custom css and this header type just can not be sticky.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

nkthen

Hi, the website is here:
http://199.design/199-design/

Albert

Thanks. So to make this header transparent, please use below css:

.header-semi #Top_bar:not(.is-sticky) { background-color: transparent !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

nkthen

Thanks. It looks great. Is it possible to have a css code to make semi-transparent for sticky header?

Albert

But your sticky header is already semi-transparent so we do not understand what else you want to do.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

nkthen

Sorry, I mean "Stack Center". I understand that for this menu layout it's a lot more CSS right?

Albert

For stack center it is not possible with custom css.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kuba963

Hello, i need to make the stack center menu semi transparent in black. It will be one page non scrolable. Is it possible ? 

Bryan

kuba963
Hi,
please go to theme options>global>general and turn the header transparent. Then send a link to your page, we will help you with custom css.
thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next