Home Forums Basel support forum Header over content not working

Header over content not working

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #77041

    KatieMcK
    Participant

    I want the header/sticky header to have a black background on every page except the home page.

    On the home page, I want it to be transparent/header over content, until I scroll down, then I want it to have a black background. How can I achieve this?

    #77073

    Hello,

    Thank you very much for choosing our theme and contacting our support.

    In order to make the header over the content, enter the page editing mode and enable the option:
    https://gyazo.com/74f8f4859ef28b2376fe9bbccfcc2e68

    Please add this code to the Theme Settings > Custom CSS:

    .main-header.header-has-no-bg.act-scroll {
        border: none;
        box-shadow: 0 1px 5px rgba(190,190,190,.5);
        background-color: #000000;
    }

    Best Regards

    #77274

    KatieMcK
    Participant

    This did not work. Do you have another suggestion?

    #77277

    Hello,

    Please provide your site admin access.

    Best Regards

    #77278

    KatieMcK
    Participant

    See private content.

    #77283

    Hello,

    I need full access to the Theme Settings, now I do not have

    Best Regards

    #77285

    KatieMcK
    Participant

    I changed your privileges to Administrator — did that work?

    #77312

    Artem Temos
    Keymaster

    We have added the following CSS code for you. Please, check how it works now

    .home .main-header:not(.act-scroll) {
    	background: transparent!important;
    }
    #77316

    KatieMcK
    Participant

    That worked, thank you so much!

    #77320

    Artem Temos
    Keymaster

    You are welcome.

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Header over content not working’ is closed to new replies.