Transparent Header overlapping slider

Support
#1

Hi there. I want to create a transparent header area preferably with widget areas (see transparency area in image for widgets) and want this header to overlap my slider and still have the navigation bar below

#2

This is an automated message to notify you that your thread was posted in the wrong forum, and it has been moved to the correct place. A member of our team will be happy to reply just as soon as your thread is up. How support works.

For support, please post all questions in the Support Forum.

For peer to peer conversations with other Themeco customers about tips, customizations, or suggestions you are welcome to use the Peer to Peer (no official support provided here).

For Design & Development, Marketing & Media, and Hosting & Optimization discussions you are welcome to use the General Forum to discuss with fellow Apex members about non Themeco related topics. Please keep this in mind in the future.

Thank-you!

#3

Hi There,

Could you please provide us with your website URL so we can take a closer look?

Thanks.

#4

sure - http://davidrstephen.com/keystonenew/

#5

Hi,

Upon checking, I can see you already have the topbar overlap your slider.

To add a background, you can add the code below in X > Launch > Options > CSS

body .x-topbar {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(255,255,255,0.5);
}

body .x-topbar .x-topbar-inner  {
    max-width:80%;
}

Another way to achieve that is by upgrading your theme to PRO and use PRO Headers.

Kindly review the links below.


Thanks