Return to previous page

How to make header transparent? - by pablostevens

This topic has 4 replies, 2 voices, and was last updated 6 years, 3 months ago ago by Rose Tyler

pablostevens

Participant

July 26, 2018 at 16:42

I’m using header style #17 because I want the logo in the middle. I also want it to overlap the slider and be transparent.

I’ve tried all the settings in the page for header overlap and also to make the header transparent in the theme settings.

I also tried selecting it with CSS and background:transparent; I can’t seem to get it to work.

Can you point me in the right direction with the correct CSS selector?

Also, I tried doing a custom header, which worked great, the only problem is that you can’t select a “left” and “right” menu in the 8theme menu widget.

#197351 Copied Theme version: 4.6 WooCommerce version: n/a

3 Answers
Rose Tyler

Support staff

July 27, 2018 at 08:59
Hello,

Please add this code in Custom css for page https://prnt.sc/kbmu0l:
```
.header-wrapper.header-transparent {
    position: absolute;
    z-index: 10;
    width: 100%;
}
```
Regards
#197364 Copied
pablostevens

Participant

July 27, 2018 at 14:17

Thank you! Thank you! Thank you!
You guys are awesome. I’ve bought almost 100 licenses for this theme, mainly because your support is so awesome. I was trying to figure that out all day yesterday.

#197379 Copied

Rose Tyler

Support staff

July 27, 2018 at 14:27

You’re welcome!
Thank you for using our theme 🙂
Would you mind to rate our product:  https://themeforest.net/downloads

Regards

#197381 Copied
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘How to make header transparent?’' has been successfully resolved, and the topic is now closed for further responses

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Architecture – WordPress Theme

lazy-placeholder

Furniture Store – WordPress WooCommerce Theme

lazy-placeholder

Lifestyle Blog – WordPress WooCommerce Theme

lazy-placeholder

Skate – WooCommerce Theme

lazy-placeholder

Minimal Fashion 03 Store – WordPress WooCommerce Theme

lazy-placeholder

Spice Store – WordPress WooCommerce Theme

lazy-placeholder

Online Courses – WordPress WooCommerce Theme

lazy-placeholder

Drinks Store – WordPress WooCommerce Theme

lazy-placeholder

X-Phone Store – WordPress WooCommerce Theme

lazy-placeholder

BookStore – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.