Make the main navigation menu transparent

Absy73 · July 2019

Hello, I want to make my main navigation menu transparent.

I know I can make it with the menu builder but I can't make the same configuration (like this one : http://prntscr.com/ojvx7a & http://prntscr.com/ojvxc5).

I can not find in the CSS the right lin of CSS.

Can you indicate me the good file and CSS line ?

Thanks in advance.

Pablo · July 2019

Hello,

You can turn on the transparency option for header in the Theme Options > Global > General

Turn on the "Top Bar with menu", you can try to turn on the transparent header too.

http://prntscr.com/ojw3e9

Thanks

Absy73 · July 2019

That nice but i don't want to turn it at 100% transparent

Pablo · July 2019

Please always attach a link so we can check it out. If the page is
offline(localhost) then our help will be limited, you will have to
contact us when the page is online. Also please make sure that the page
is not under maintenance before you provide us the link.

Thanks

Absy73 · July 2019

Ok, thanks. So I'll come back when I can remove the maintenance mode

Absy73 · August 2019

Hello,

So I've remove the maintenance mode. You can acces to the page with this ID : Ding et this password : Ding?2018

Need you more information ?

Pablo · August 2019

I still does not have the link to that page.

Can you provide it?

Thanks

Absy73 · August 2019

my bad sorry ... https://shop.bastille-legacy.com/

Pablo · August 2019

Will it be okay?

Paste that code into the theme options > Custom CSS & JS > CSS

#Top_bar .top_bar_left, #Top_bar.is-sticky{
	background:transparent !important;
  box-shadow:none !important;
}

#Top_bar .top_bar_right{
  background:transparent !important;
}

#Top_bar .top_bar_right:before{
	display:none !important;
}

Thanks

Absy73 · August 2019

It's about good. I don't want something transprent at 100%, so I've do this :

#Top_bar .top_bar_left, #Top_bar.is-sticky{

opacity:0.75; !important;

box-shadow:none !important;

}

#Top_bar .top_bar_right{

opacity:0.75; !important;

}

One more things. I want to know if it's possible to remove this structure : http://prntscr.com/ovlx6s without having nothing (I want only one bar for the main navigation and the 2 icons).

Thanks in advance

Pablo · August 2019

The last css with before pseudoelement will remove that.

Thanks

Absy73 · August 2019

Ok, thanks a lot !

Have a nice day

Make the main navigation menu transparent

Comments