[resolved] Header logo & menu follows on scroll. (4 posts)

  1. GabiClayton
    Posted 1 year ago #

    I love the theme, thank you!

    I want the header logo & menu to stay at the top of the page, but on pages long enough to scroll they stay at the top with a grey line beneath them. How can I change this?

    See http://olympiafriends.org/

    Gabi Clayton

  2. Meiji
    Posted 1 year ago #

    Hey GabiClayton :) Let me see if I understood, what you want is to get rid of the grey line beneath the menu when the page is long to scroll down?

    If so, you have two choice, going to Appearence > Editor and changing one line of code in the style.css file. If you're afraid you might change something you don't want, you just can install the Simple Custom CSS plugin:

    Once activated, add the following code:

    .head-container.fixed {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0px 0px 0px;
    -moz-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
    min-height: 0 !important;
    background-attachment: scroll !important;
    background-image: none !important;

    Let me know if it fixed it. Nice site you have there, btw :)

  3. Fruitful Code
    Theme Author

    Posted 1 year ago #


    You can try reduce height of browser window and try to understand why it happens with sticky header. With your small content and big header only way it's disable sticky header in theme options > header.

    Meiji, your css code can be easy insert to the custom css in theme options without plugin installation.


  4. GabiClayton
    Posted 1 year ago #

    It was the sticky header that was causing it so I disabled that and it now stays at the top of the page.

    Thank you both for your help!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic