Remove Absolute Header on Certain Pages

Hi there,

I would like to remove the transparent Absolute header from all pages except the homepage.

I am using X theme pro. I tried to use Custom CSS on specific pages, but this broken the page entirely.

Below is a screen shot of the issue on a post page.

Please advise.

Actually I’ve made the entire site - Relative.

I just need to know how to make the homepage - Absolute.

Hi There,

Please try adding the following CSS under Customizer > Custom > Global CSS:

.home .hm1.x-bar.x-bar-top.x-bar-h {
    position: absolute;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.75) !important;
}