[Resolved] Header overlaps

This topic contains 4 replies, has 2 voices, and was last updated by  Andrew Misplon 2 months ago.

  • Author
    Posts
  • #10531

    piotroq
    Participant

    Hello,

    The header overlaps work with Smart Slider 3?
    How it works?

    website: http://az-serwer1828211.online.pro/kjenergysun/

    Best regards

    #10533

    Andrew Misplon
    Keymaster

    Hi piotroq

    Good question! I’ll take a look tomorrow morning and come back to you ASAP with a solution. Chat then, cheers 🙂

    #10551

    Andrew Misplon
    Keymaster

    Hi piotroq

    I’ve tested the setting and it seems to work ok on my local install. Please, can you check, if you go to Pages and edit the page in question, is the Overlap Header setting enabled in the Page Slider meta box in the right column?

    Thanks.

    #10552

    piotroq
    Participant

    Its work perfectly but i have one more questions. How do make background sticky header transparent opacity 0 and header on mouse scroll active background white opacity 1.

    How made this?

    Best regards

    #10553

    Andrew Misplon
    Keymaster

    Super, glad to hear you’re making progress.

    To reduce the non-stuck header opacity to zero, try adding the following to Customize > Additional CSS:

    .overlap .site-header:not(.is-stuck) {
        background: rgba(255, 255, 255, 0);
    }
    
    .overlap .site-header:not(.is-stuck):after {
    	box-shadow: none;
    }
Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

Scroll to top