Shop Categories

X

Prevent logo from scrolling up at 992px width or smaller

Home Forums Agama Pro Prevent logo from scrolling up at 992px width or smaller

Topic Resolution: Resolved
  • This topic has 3 replies, 2 voices, and was last updated 5 years ago by Zex.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #9601
    webpaws
    Participant

    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.

    #9602
    Zex
    Moderator

    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

    #9603
    webpaws
    Participant

    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.

    #9604
    Zex
    Moderator

    Thank you for the feedback.

    I mark the thread as solved.

    Regards

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.