Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 6, 2016 at 3:16 pm #628343
    shannab

    Hi there,
    Can I disable the scroll down arrow for mobile devices? It’s not needed there, only for the large screen.

    Thanks you!
    Shanna

    May 6, 2016 at 3:31 pm #628349
    Basilis

    Hi shannab!

    Please add to your custom CSS

    .scroll-down-link { display: none; }

    let us know if that works as needed

    Best regards,
    Basilis

    May 6, 2016 at 3:42 pm #628357
    shannab

    Hi Basilis,

    Thanks for the quick reply..
    That removes it entirely. I’m trying to remove it only for mobile devices because it’s just not needed there. If possible it would be good to put that custom .css only on the pages where the scrolling button is an issue.

    Otherwise the .css needs to be directed only towards mobile devices throughout the site. Possible?

    Shanna

    May 8, 2016 at 7:22 pm #628887
    shannab

    Hello,.. anyone know how to do this??
    Shanna

    May 9, 2016 at 5:43 pm #629388
    Yigit

    Hi,

    Please change the code to following one

    @media only screen and (max-width: 480px) {
.scroll-down-link { display: none; }}

    Best regards,
    Yigit

    May 10, 2016 at 3:48 pm #630004
    shannab

    That worked Yigit! Thanks!!

    shanna

    May 11, 2016 at 8:06 am #630500
    Rikard

    Hi,

    Great, glad we could help :-)

    Thanks,
    Rikard

    February 15, 2022 at 8:36 pm #1340784
    Nat

    Hi Kriesi Team,

    I use the following code to hide the scroll arrow :

    #scroll-top-link {
    display: none;
    }

    But it doesn’t hide the arrow on mobile, so I tried the following code :

    @media only screen and (max-width: 480px) {
    .scroll-down-link { display: none; }}

    But it still doesn’t work.
    Can you help me please, I want to remove the scroll down arrow on all devices
    Thanks in advance

    Best regards

    Nat

    February 16, 2022 at 3:08 am #1340829
    Mike

    Hi,
    Thanks for the link to your site, in your cache plugin file to have this css:

    @media only screen and (max-width: 767px){
.responsive #scroll-top-link {
    display: block!important;
}
}

    so you either need to clear your cache plugin or you need to remove this from your css stylesheet, try checking your Child Theme Stylesheet, the General Styling ▸ Quick CSS field, and the WordPress ▸ Customize ▸ Additional CSS field
    if you don’t see this rule in any of those places, then clear and disable your wp-rocket and your browser cache and check again.
    If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.

    Best regards,
    Mike

    February 16, 2022 at 3:49 pm #1340918
    Nat

    Hi Mike,

    Thanks a lot, everything is working fine

    You are Great !

    Best regards,
    Nat

    February 17, 2022 at 2:21 am #1341008
    Mike

    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

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Remove scroll down arrow on mobile’ is closed to new replies.