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.
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.
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)
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 you
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.
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.
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!
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 you
Thanks!
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!
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!
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!