Envato Birthday Sale — Create another awesome website with Kalium or Aurum and save 30%   

  Public Ticket #2109020


  • Marilu de Bies started the conversation


    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,502
    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)


    Kind regards,

      Documentation        Follow on Envato         Like on Facebook