Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1427585

    How can we pull the page down 20px only on desktop?

    See here >>> https://ibb.co/x36hbSJ

    As you can see the color section has gone up under the header.

    #1427663

    Hey whdsolutions,
    Thank you for the link to your site, this issue is dur to your top padding, it looks like a custom value:

    .html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 240px;
    }

    It looks like 260px would be correct.

    Best regards,
    Mike

    #1427771

    Now the mobile has a huge gap

    Screenshot-2023-12-11-123146

    #1427798

    Hi,
    Ok, try wrapping it with a media query like this so it only works on desktop:

    @media only screen and (min-width: 768px) { 
    .html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 260px;
    }
    }

    Best regards,
    Mike

    #1427837

    Still the same on mobile when we add this :-(

    Admin details below if you want to fix

    #1427843

    Hi,
    Thank you for the link to your site, it looks like you added the css twice, I removed one for you:
    Enfold_Support_4067.jpeg
    Please clear your browser cache and check.

    Best regards,
    Mike

    #1427847

    Superb thank you!

    #1427850

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Pull the page down 20px only on desktop’ is closed to new replies.