Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • July 20, 2020 at 8:29 pm #1231844
    svreatt

    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

    July 20, 2020 at 8:44 pm #1231864
    Victoria

    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

    July 22, 2020 at 3:53 pm #1232269
    svreatt

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

    Any other suggestions?

    Thanks

    July 22, 2020 at 5:16 pm #1232337
    Victoria

    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

    July 22, 2020 at 6:50 pm #1232348
    svreatt
    This reply has been marked as private.
    July 22, 2020 at 7:41 pm #1232364
    Victoria

    Hi svreatt,

    Best regards,
    Victoria

    July 22, 2020 at 8:07 pm #1232388
    svreatt
    This reply has been marked as private.
    July 22, 2020 at 8:19 pm #1232390
    svreatt
    This reply has been marked as private.
    July 23, 2020 at 6:34 pm #1232743
    Victoria

    Hi svreatt,

    I am from Ukraine.

    Best regards,
    Victoria

    July 23, 2020 at 6:38 pm #1232745
    svreatt
    This reply has been marked as private.
    July 24, 2020 at 12:34 pm #1232961
    Victoria

    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

    July 24, 2020 at 2:09 pm #1232988
    svreatt
    This reply has been marked as private.
    July 24, 2020 at 2:38 pm #1233005
    Victoria

    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

    July 24, 2020 at 3:28 pm #1233026
    svreatt
    This reply has been marked as private.
    July 24, 2020 at 8:52 pm #1233087
    Victoria

    Hi svreatt,

    Glad we could help :)

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

    August 2, 2020 at 4:11 pm #1234641
    Andreas

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

    August 4, 2020 at 5:52 am #1235036
    Rikard

    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

    August 4, 2020 at 8:50 am #1235062
    Andreas

    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

    August 6, 2020 at 5:42 am #1235583
    Rikard

    Hi Andreas,

    Please try this as well:

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

    Best regards,
    Rikard

    August 6, 2020 at 8:45 am #1235624
    Andreas

    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

    August 7, 2020 at 6:11 am #1235917
    Rikard

    Hi Andreas,

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

    Best regards,
    Rikard

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