Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 4, 2014 at 9:00 am #247343
    caip

    Hi,

    I’ve add following code to Quick CSS in Enfold theme options under Styling tab

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

    Unfortunately the code seems to me to have no effect. At some mobile devices (when the display is placed horizontally) or at shrinked brownser the top scroll button still disappears. Estimated at a width that should be changed as above.
    I’d like to have that scroll icon always fixed when I’m scrolling down regardless of the width size of the screen or when resizing.

    Thank you!

    April 4, 2014 at 11:08 am #247370
    Yigit

    Hey caip!

    The code you have added should do it. Can you try changing it to following one

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

    Please flush browser cache after applying the code and post the link to your website if it still does not work
    Regards,
    Yigit

    April 4, 2014 at 7:13 pm #247586
    caip
    This reply has been marked as private.
    April 5, 2014 at 6:10 pm #247826
    Yigit

    Hey!

    Please try adding following code to bottom of Style.css file of your child theme in Appearance > Editor

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

    Cheers!
    Yigit

    April 7, 2014 at 4:59 pm #248282
    caip

    Hi Yigit!

    this works fine in Style.css!
    But why it has no effect when added to Quick CSS?

    Awesome support!
    Thank you,
    caip

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘scroll-top-link icon still disappear’ is closed to new replies.