Okay
  Public Ticket #249943
Disable Sticky Header with a twist...
Closed

Comments

  • Jonathan started the conversation

    I've disabled sticky header. However, now secondary nav still sticks and there is padding between the 2... Is my header being transparent causing this?

    http://devmg.redtogreendesign.com

    Thanks!

  •  8,472
    Tahir replied

    Hey !

    No transparency does not have any link with it. Add this into the Custom CSS box located in your Salient Options panel:

    #header-outer,#header-secondary-outer ,#header-space{
        position: absolute !important;
    }
    

    Cheers


    ThemeNectar Support Team 

  • Jonathan replied

    Hmmm. It removed the gap, but now there is one above them both?

    See: devmg.redtogreendesign.com

    I'm also trying to make sure the logo stays in the same place upon scroll. I used some css to relocate the starting logo, however, when I used css to move logo on scroll it moves the starting logo... Here is what I have so far:

    header#top #logo .starting-logo {
    top: -20px;
    left: 40%;
    }

    Any ideas? 

    Thanks for your help!

  •  8,472
    Tahir replied

    Add this into the Custom CSS box located in your Salient Options panel :

    
    body #header-outer[data-transparent-header="true"] #logo img.dark-version {
        opacity: 0!important;
    }
    body #header-outer[data-transparent-header="true"] #logo .starting-logo {
        opacity: 1;
        -ms-filter: 'alpha(opacity=100)';
    }
    
    
    

    Cheers


    ThemeNectar Support Team 

  • Jonathan replied

    Do you have anything for the gap above it? see screenshot

  • Jonathan replied

    Seem to only be an issue when I'm signed in. Thanks for your help!!