Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 8, 2018 at 5:49 pm #1019063
    madmanbean

    I have a situation where I can move the scroll top link using css

    /*reposition top link*/
    #scroll-top-link { right: 0; bottom: 0; }

    This works fine but when css is added to also show the scroll top link on mobiles it stops working.

    I need to combine the two bits I think but cannot get the reposition to work.

    my css is

    /*reposition top link TO REPOSITION LINK TO TOP) */
    #scroll-top-link { right: 0; bottom: 0; }

    /*Mobile to top of page button TO MAKE THE LINK VISIBLE ON MOBILES*/
    @media only screen and (max-width: 767px) {
    .responsive #scroll-top-link {
    display: block !important;
    }

    }

    October 8, 2018 at 6:17 pm #1019078
    Jordan Shannon

    Hey madmanbean,

    Try this instead:

    /*Mobile to top of page button TO MAKE THE LINK VISIBLE ON MOBILES*/
@media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
display: block !important;
}

#scroll-top-link { 
 right: 0!important;
 bottom: 0!important;
 }}

    Best regards,
    Jordan Shannon

    October 8, 2018 at 6:32 pm #1019089
    madmanbean

    Nope! thought when I saw your post the !importnt declaration may have done it

    October 8, 2018 at 6:51 pm #1019112
    Jordan Shannon

    Hi,

    Did you try adding to very top of quick css? Also, be sure clear the cache a few times over.

    Best regards,
    Jordan Shannon

    October 8, 2018 at 8:51 pm #1019217
    madmanbean

    Nope again..

    Adding to css list at top only works if there are css errors lower down which there are not.

    But to prove the point I did try adding it to top and no difference

    October 9, 2018 at 6:39 am #1019352
    Rikard

    Hi,

    Where can we see the results you are getting?

    Best regards,
    Rikard

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