Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #1231844

    When I view my site on mobile devices, the scroll to top button disappears.
    Is there a way to add to the mobile version.

    https://theaddictionsacademy.com/

    Thanks

    #1231864

    Hey svreatt,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

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

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1232269

    Thank you. I have tried adding the code both ways you suggested. Neither way seemed to work.

    Any other suggestions?

    Thanks

    #1232337

    Hi svreatt,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    #1232348
    This reply has been marked as private.
    #1232364

    Hi svreatt,

    Best regards,
    Victoria

    #1232388
    This reply has been marked as private.
    #1232390
    This reply has been marked as private.
    #1232743

    Hi svreatt,

    I am from Ukraine.

    Best regards,
    Victoria

    #1232745
    This reply has been marked as private.
    #1232961

    Hi Victoria,

    Thank you. The code works now. You can remove it from the custom.css I added it to the Quick css. There was an error in Quick css and so the code did not work properly.

    Best regards,
    Victoria

    #1232988
    This reply has been marked as private.
    #1233005

    Hi svreatt,

    I disabled the css merging in the Performance settings but when I check the page in another browser and in the incognito mode in Chrome the css is served merged, you need to disable the caching plugin for now or clear the cache and then test again.

    Best regards,
    Victoria

    #1233026
    This reply has been marked as private.
    #1233087

    Hi svreatt,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #1234641

    Hello Victoria
    I have the same problem. May I ask you to make the final solution available to everyone? Thank you.
    Best regards,
    Andreas

    #1235036

    Hi Andreas,

    Please try the following in Quick CSS under Enfold->General Styling:

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

    Best regards,
    Rikard

    #1235062

    Hi Richard

    Thanks for your response. It is what Victoria recommended above. It works but not as expected.

    In the beginning, there is a grey button to scroll to the top. But if one scroll down again, the button is white. I tested it on different mobile devices with the same behaviour.

    Is there a solution to get the button colour back to grey for mobile like with desktop?

    Thanks,
    Andreas

    #1235583

    Hi Andreas,

    Please try this as well:

    @media only screen and (max-width: 767px) {
    #scroll-top-link:hover {
        background-color: #444444;
    }
    }

    Best regards,
    Rikard

    #1235624

    Hi Rikard
    It’s working for me, it’s much better than before, even if the behaviour is still not the same as on the desktop. The colour does not toggle from grey to white and back to grey.
    Thanks a lot!
    Best regards
    Andreas

    #1235917

    Hi Andreas,

    Great, I’m glad that we could help :-)

    Best regards,
    Rikard

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