Transparent header

[Megha]

Hello Support Team ,

I want to create transparent header Menu. I used below custom css:

/* Transparent Header */
.header {
opacity: 0.8;
}

with help of this I can create transparent menu but at same time my font color also changed. white to gray. so is it possible to keep font color as it is and create transparent background?

Thanks.

[Sonal S Sinha]

Hi Megha,

Kindly show us your website URL.

Regards,
Dave

[Megha]

sure.. It is http://www.shusaeng.com/

and one more question I have.
when you see the website, go to services(header menu) and then submenu.It is coming as wrapped text. I want “Precision engineering solution” in one single line. how to do that ?

Thanks.

[Sonal S Sinha]

Hi Megha,

Did you solved transparent header issue?

For the submenu issue. Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

.header .header-inner .nav ul li:hover > ul{ width:310px; z-index:999999;}

Regards,
Dave

[Megha]

Hello support ,

Above css is not working for submenu issue.

[Sonal S Sinha]

Add this code:

.header .header-inner .nav ul li:hover > ul{ width:310px !important; z-index:999999 !important;}

Regards,
Dave

[Author]

Posts