Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 21, 2020 at 10:59 am #1186658
    lab26_snc

    Hi,

    i’ve inserted this code as you suggested:

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

    but it doesn’t seems to work: the button scroll to top is always visible!
    How can i fix this?
    Thanks

    February 22, 2020 at 2:35 pm #1186970
    Rikard

    Hey lab26_snc,

    So what are you looking to achieve? The code displays the scroll to top link/button on mobile.

    Best regards,
    Rikard

    February 22, 2020 at 3:02 pm #1186975
    lab26_snc

    Yes but I want the scroll to top link/button only on mobile. Instead the button is visible also on desktop.
    How can I fix this?

    February 23, 2020 at 1:32 am #1187030
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

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

    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

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