Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 25, 2016 at 8:41 pm #571598
    avwebmaster

    Hi guys,

    I have the latest WP and theme installed in my staging environment.
    It seems to be there but it is not clickable. Would you be able to give me some solutions? Sorry, it’s in staging.
    scroll top

    January 25, 2016 at 8:43 pm #571599
    avwebmaster

    I’ve added the following to my child css / style

    #scroll-top-link.avia_pop_class {
    opacity: 0.7;
    visibility: visible;
}
    @media only screen and (max-width: 767px) {
.responsive #scroll-top-link {
  display: block !important;
    }
}
    January 25, 2016 at 10:46 pm #571643
    Yigit

    Hey!

    We are going to need to inspect elements to provide you an accurate solution unfortunately. Please let us know when you launch your website and we will look into it

    Cheers!
    Yigit

    January 26, 2016 at 3:31 am #571824
    avwebmaster

    In the meantime, can I disable this feature? What’s the best way to do so? Just use css?
    I don’t see any errors in the console.

    I will see if I can add a custom jQuery scroll to top. Just add the html into the child/footer.php and hook the css and jQuery?

    January 26, 2016 at 3:46 am #571833
    avwebmaster

    Well, basically I chose the option of a sticky header / menu.
    Is this why the scroll to top is hidden?

    How would I show it on tablets and mobiles though

    I noticed that this forum has the scroll to top function and sticky menu combined.

    • This reply was modified 8 years, 11 months ago by avwebmaster.
    January 27, 2016 at 8:48 am #572669
    Vinay

    Hey!

    Please use the below css in quick css it looks like the background color is missing

    
 #scroll-top-link {
    background-color: #333333!important;
}

    To remove the button 

    
#scroll-top-link {display: none; }

    Regards,
    Vinay

    January 27, 2016 at 4:02 pm #572977
    avwebmaster

    Hi Vinay,

    Thanks but it does not seem to work. I tried adjusting the z-index to 9999 !important and does not do the trick.

    January 27, 2016 at 4:10 pm #572985
    Yigit

    Hey!

    If you would like to temporarily disable it, please add following code to Quick CSS 

    #scroll-top-link { display: none !important; }

    Regards,
    Yigit

    January 27, 2016 at 10:06 pm #573290
    avwebmaster

    I know… I even tried using plugins (scroll to top) and all of them were hidden!!! I don’t know why. maybe the containers / sections were above it?

    January 29, 2016 at 12:01 pm #574438
    Vinay

    Hi!

    We cannot say exactly what is the issue without inspecting the element.

    Please share the shortcode for the page
    To view shortcode in default editor enable debug mode as shown in the link below
    http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

    If we can re-produce the same on our end with shortcode we can help you.

    Best regards,
    Vinay

    February 4, 2016 at 5:57 pm #577923
    avwebmaster

    Hi Vinay,

    So I found out that the element 

    html.responsive, .responsive body {
    overflow-x: hidden; 
}

    I turned it off and the scroll to top link button appeared.
    What css value should I use except hidden? I just wanted to make sure it won’t break the layout.

    February 5, 2016 at 3:10 pm #578521
    Vinay

    Hey!

    Since we cannot view the site it’s a shot in the dark…
    but let me tell you overflow:hidden; will hide the elements that appear outside the div container
    overflow:auto will make the content scrollable

    Try the below code in Quick CSS
    If this don’t solve the issue please use hidden in place of auto in the below code.

    
html.responsive, .responsive body {
    overflow-x: auto!important; 
}

    Best regards,
    Vinay Kashyap

    February 5, 2016 at 4:25 pm #578562
    avwebmaster

    Hi Vinay,

    html.responsive, .responsive body {
    overflow-x: visible !important;
}

    This value seems to be working. I tried auto but it hides the scroll to top link.

    February 5, 2016 at 10:50 pm #578823
    Vinay

    Hey!

    Happy you got it fixed :)
    Please feel free to get in touch with us if you have any questions.

    Thank you for using Enfold :)

    Cheers!
    Vinay Kashyap

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Missing #scroll-top-link’ is closed to new replies.