Okay
  Public Ticket #2109020
Header
Closed

Comments

  • Marilu de Bies started the conversation

    Hi,

    I have a problem with the header. I want my site to have a border, but the problem is that when I start scrolling my sticky header has space around it. The strange thing is that doesn't happen when I don't activate the border. 

    I would like it to have a border and the sticky header to stay the full width also when i start scrolling. 

    I fixed it by using the following code.

    .main-header {
        background-color: #fff !important;
        margin-top: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 0 !important;
        margin-left: 0px !important;
    }

    The only problem is that this overwrites the header. Also in the full screen portfolio pages, where it was standard without a background color. Which I liked. 

    Can you help me fix this problem? 

    - EDIT

    ok now something else is happening, the color that I chose for my sticky header doesn't show up anymore when I start scrolling the header background color disappears. 

    Attached files:  header portfolio page.png
      header when i start scrolling.png
      Screen Shot 2019-08-08 at 10.12.41.png
      Screen Shot 2019-08-08 at 10.14.38.png

  •  1,638
    Ylli replied

    Hi Marilu,

    Can you please try to be very specific about the question and explain it more to us, in this way we can easily understand you and give you the proper answer.

    Also please share your Wordpress credentials because I need to login to your site and test this. Your information is safe here (private) in this thread.

    To include your credentials click Insert Credentials button in editor toolbar (see how)

    Thanks!

    Kind regards,
    Ylli


      Documentation        Follow on Envato         Like on Facebook

  •   Marilu de Bies replied privately
  •  1,638
    Ylli replied

    Hi Marilu,

    You are using an old version of our theme 2.9, the latest version for the moment is 2.9.2 (read release notes), please update your theme first and then the premium plugins too.

    P.S: I also can see on your System Status page that your PHP version some of your PHP limits are lower than Wordpress and modern themes require. For more info please carefully read this article WordPress and Kalium Server Requirements, and on this page you can find a sample email that you can send to your hosting provider too.

    Then If your question is still active I will check it for yousmile.png

    Thanks!

    Kind regards,
    Ylli


      Documentation        Follow on Envato         Like on Facebook

  • Marilu de Bies replied

    Hi Ylli,

    I found the problem. The sticky banner doesn't show up because of a Full Page Scroll plugin I have on the homepage, and a few other pages. 

    If I don't use the page scrolling plugin the header does stay white. The problem with the space around the header, while activating the page border option stays by the way. See also the image "header when I start scrolling" that I send in my first message.  

    Since I want to use the full page scrolling for my website, I coded in the white sticky header on pages where I needed it.

    So the problem is fixed for me. 

    Thanks!  

  •  1,638
    Ylli replied

    Hi Marilu,

    I'm happy that the problem is solved, also thanks for taking your time to share the fix with us.

    Have a great day!

    Kind regards,
    Ylli


      Documentation        Follow on Envato         Like on Facebook

  •   Marilu de Bies replied privately
  •  1,638
    Ylli replied

    Hi Marilu,

    I made some changes, so I changed mobile logo width from 150px to 100px.

    Can you please check if the problem is solved now.

    Have a nice day!

    Kind regards,
    Ylli


      Documentation        Follow on Envato         Like on Facebook