Prevent logo from scrolling up at 992px width or smaller

[webpaws]

When the page width is 992px or smaller and when scrolling down the page, the logo starts to scroll away and a large grey area (in the div of class ‘sticky-header’) pushes the slider background previously seen at 993px or higher in screen width down the height of <div class=”sticky-header”>. I want to stop this from happening.

I searched your CSS for constraints on the width of 992px and only found 17 lines of code, none seem to be causing this issue when scrolling down at 992px or less.

Please help.

Thank you.

[Zex]

Hello there!

To solve the problem, Insert the code below in Customise ->General->Additional CSS

@media screen and (max-width: 992px) {
   .sticky-header.sticky-header-shrink {
position: absolute !important;}
}

Regards

[webpaws]

I used this CSS:

@media screen and (max-width: 992px) {
   .sticky-header.sticky-header-shrink {

       position: absolute !important;}}

and now the logo doesn’t cause issues with the header spacing under 992px.

[Zex]

Thank you for the feedback.

I mark the thread as solved.

Regards

[Author]

Posts