Return to previous page

How to make header transparent? - by pablostevens

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

  • Avatar: pablostevens
    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
    Avatar: Rose Tyler
    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
    Avatar: pablostevens
    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
    Avatar: Rose Tyler
    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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Shoes Store – WooCommerce Theme
lazy-placeholder
Animals Store – WordPress WooCommerce Theme
lazy-placeholder
SEO Agency – WordPress WooCommerce Theme
lazy-placeholder
Artmaxy Store – WordPress WooCommerce Theme
lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
Spa – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store (Dark) – WordPress WooCommerce Theme
lazy-placeholder
Engineer Store – WordPress WooCommerce Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Animals Store – 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.