back to top preview
May 26, 2014 | 325 Feedbacks

Back to top

This "Back to top" link allows users to smoothly scroll back to the top of the page. It's a little detail which enhances navigation experience on website with long pages.
Browser support
  • ie
  • Chrome
  • Firefox
  • Safari
  • Opera

This resource is suitable for website with lots of page content. The link fades in on the right-hand side of the content area, after the browser window has been scrolled beyond a certain point, and remains fixed during scrolling.
If users keeps on scrolling, the button nicely reduces its opacity to be less distracting during navigation.

Creating the structure

We inserted the “Back to top” link at the bottom of our content, before the closing tag.

Adding style

The link will appear fixed on the right-side of the content. Initially it has a visibility:hidden; and an opacity:0;.
Both visibility and opacity are controlled through two classes: .cd-is-visible and .cd-fade-out.

These classes are added (or removed) to the “Back to top” link using jQuery.

Events handling

In our .js file, we have defined three variables to control the “Back to top” link appearance:

The offset variable will be used to toggle the class .cd-is-visible; the offset_opacity, instead, to add the .cd-fade-out class.
The top scrolling function is implemented using the jQuery .animate() method, and bound to the “Back to top” click event.


May 26, 2014
  • Resource released by CodyHouse

Claudia Romano

Web developer, fan of The Big Bang Theory and good food. Co-founder of CodyHouse and Nucleo. You can follow her on Twitter.

  • Dave S.


  • Andy Miller

    Thanks. This looks really useful resource.

    I like the way the download link redirects you to the email signup page instead of just to a blank page. Any chance of a how-to?

    • Claudia Romano

      Hey Andy, the download button links to the redirect page and, in the new page, an iframe triggers the download. It’s not really front-end code, so it can hardly become a Cody nugget!

  • Pingback: Back to top in CSS | HTML5 and CSS3 |

  • Celeste

    Hi, lovely site, great resource!

    I’d like to incorporate this snippet into a WordPress site I’m working on. Can you give me a hint or two about where to insert the different pieces of code?

    Thanks so much!

    • Claudia Romano

      Hi Celeste, yo should insert the anchor tag in the footer.php file. For the css and js, just insert them in your style.css file and in your main.js file respectively.

      • Celeste

        a couple more questions:

        I assume I should put the cd-top-arrow.svg file in images, right?

        noob question: what is the anchor tag, exactly?


        • Anton

          This is the ancor-tag: Top

          You find it near the end of index.html

      • Celeste

        Claudia, I am using a Genesis child theme (Sixteen Nine Pro) and as such do not have access to the main.js file or the footer.php file I have a Theme Functions php file, a Landing Page Template php file and the css stylesheet.

        I’m starting to think that I can’t use this nice piece of functionality on my site.

        What do you think?


  • Anton

    Hi Claudia! Thanx for the great Script.

    Just one question: Instead of scrolling back to top I need to scroll to a specific destination (anchor).

    jQuery is quite new for me but I think here is the key-line:


    scrollTop: 0 ,

    }, scroll_top_duration

    Can you tell me what to change to jump to an anchor?

    Thank you

    • Anton

      Tadaa – got it:

      To get also EVERY anchor on the page scrolled smoothly AND scroll to the target just replace this

      through that

      Got the hint from that page (in german):

      • Raquel Gonzalez

        Hi Anton! Wanted to say thanks for sharing! really helped!

        • Anton

          You’re very welcome!

  • Pingback: Oblivion Magazine – Responsive Tumblr Template (Blog) | Useful Blogging Tools()

  • IronSummitMedia

    Nice and simple. I noticed that the scroll to top button is currently jumping around quite a bit in Chrome Version 36 as well as the most recent build of Chrome Canary. It jumps around when I use the scroll wheel to scroll down the page.

  • Fabio Candido

    Hi Claudia, I can’t load the svg in my website pages. It’s strange, because the preview in Espresso works well. What could I do to resolve the issue? For instance, a webpage is

    • Claudia Romano

      Hi Fabio, are you sure you are inserting the right url for the svg image?

      • Fabio Candido

        Hi Claudia, thanks for the answer. Yes, I think that the path is correct. Actually it does work on my local root…

        • Sebastiano Guerriero

          Hi Fabio, I just replaced the URL to your image with ours, and it works (see image attached)

  • Pingback: Oblivion Magazine - Responsive Tumblr Template (Blog) | ASC Theme Templates()

  • Jakub Vitek

    Thank u very much for this effect it is very popular and also usefull. I am getting into JS and this really helped me a lot u r great :)

  • Pingback: Oblivion Magazine - Responsive Tumblr Template (Blog) Nulled - Free WordPress Templates()

  • Pingback: Oblivion Magazine - Responsive Tumblr Template (Blog) - Wordpress Theme and ScriptWordpress Theme and Script()

  • Pingback: Oblivion Magazine – Responsive Tumblr Template (Blog) | Nulled Themeforest()

  • Joanne D

    Is it ok if I removed .no-touch &:hover since it didn’t seem like that was being used.

    • Sebastiano Guerriero

      Hi Joanne, the .no-touch class is useful on touch devices, where the hover effect is gonna be an additional tap for the user: tap –> see hover effect –> tap again to trigger the event

      • Joanne D

        I don’t see class=”no-touch” anywhere in the code though. Can you clarify? Thanks!

        • Sebastiano Guerriero

          Basically we use Modernizr to detect which features are supported by the browser, and handle the fallback in case the feature it’s not supported. If you’re not familiar with Modernizr, check this guide:

          Also Modernizr let you check if the device supports touch or not. So when you want to target a device with no-touch support, you just add the .no-touch class before the class/div. And this is very useful for hover effects, which often mean an additional “tap” on touch devices.

          • Joanne D

            I see. So if I didn’t include Modernizr lib file, then I can remove the .no-touch &:hover part.

  • Pingback: Oblivion Magazine – Responsive Tumblr Template | Sucesso Ideal()

  • Johnny Pnemonic

    Hi there!

    Recently i’ve used this snippet in a portfolio i’m working on. I’ve perfectly applied it in the “index page” but when i tried to do the same in the “project page”, following the same steps everything goes wrong and i don’t know why because code (HTML related to Back-to-top button, JS and CSS) are the same.

    You can see the demo in . Main file: index.html and secondary: project_2.html

    • Sebastiano Guerriero

      I took a quick looks and the .cd-top is not getting the class .cd-is-visible while you scroll down. You could investigate the jQuery to see why that happens

      • Johnny Pnemonic

        Yeah, i’ve notice that but I think it’s a matter of $back_to_top.on because if I turn to 1 the opacity to skip the function of cd-is-visible class and be visible all the time, and just focus on the $back_to_top.on, even do it’s always visible it never get back to top :/

        And as i said everything in HTML, CSS and JS are the same :/

        • Claudia Romano

          Hi Johnny, if you check the console, you can see that there are two errors (don’t related to the back to top) which are breaking you’re code. You should solve them and then the back-to-top will work in the project page too ;)

  • Vivek Singh

    The back to top svg is not working from the downloads folder but it works in demo.
    When i open the .svg file in chrome,it doesn’t show anything.

    • Claudia Romano

      Hi Vivek, the svg is white. That’s way you cannot see the content (but in the demo works fine).

      • Vivek Singh

        Thanks,but i still cannot see the back to top arrow while scrolling the index.html file.

        • Claudia Romano

          Did you see the ‘back-to-top’ button but not the the svg icon inside it?Is it happening in chrome only? I have downloaded the version and tested it in chrome and everything seems to be working just fine.

          • Vivek Singh

            Thanks for the help. I got the back to top working. It seems though i had a problem with chrome.

          • maazharoon

            mam where is that i dont see

  • Marcel Patzsch

    Very beautiful clean site, love the design an code bits and pieces. Some will find place in my project for a online it-vulnerability database.

  • Alyssa


  • paulsehet

    Thanks! One question: How can I disable the “responsiveness” (so that the “cd-top” button’s position does not adjust when I resize the browser’s window)

    • Sebastiano Guerriero

      Hi! In each media query we adjust the right value, you may want to keep that value always the same

  • LePaul

    Hi, thanks for the demo, it works well, but I have a question. The JS scripts somehow negate the padding settings I have within the content div.
    Basically I gave the HTML tag a background color in CSS and then made the body width 960px with white background. Then I added the wrapping div, to always push the footer all the way down, and only then I added the content div with padding: 30 80 100 80, however that padding doesn’t work any more as soon as I add the JS files, but works without the JS files.
    Basically the page should look much like the page in your demo, except that the content div has a white background and a footer, while the footer, menu and header all have the same width as content div (with the padding included, of course).

    Got any suggestions what I could do?

    • Claudia Romano

      Hi!Do you have a live version?

      • LePaul

        Hi, it isn’t live yet. ATM it’s in it’s very beginning phase, just making the layout, menu, stuff like that. I can send you the body and the CSS, if that helps? Just tell me the e-mail I could forward it to :)

      • LePaul

        Never mind, it seems like adding any sort of script messes up the margins, even if I just add in the head..

  • Elliot Alderton

    Thank you for this Claudia it works great. Chrome seems to struggle with “visibility: visible” and “visibility: hidden”, but if you use “display:block” and “display:none” instead it will work fine.

  • Chutinutcha Thinothai

    Thank you.

  • Pingback: celine outlet online()

  • Pingback: celine official online shop()

  • Pingback: celine uk online shop()

  • Pingback: celine shop in paris()

  • Pingback: celine handbags for sale online()

  • Pingback: celine handbags cheap()

  • Pingback: celine wallets online()

  • Pingback: celine luggage online()

  • Pingback: discount celine handbags()

  • Pingback: where to buy celine online()

  • Pingback: celine uk online shop()

  • Pingback: celine bags store()

  • Pingback: discount celine handbags()

  • Pingback: celine handbags outlet()

  • Pingback: celine bag store()

  • Pingback: celine shop paris()

  • Pingback: celine handbags online uk()

  • Pingback: celine shoes sale()

  • Pingback: celine paris shop online()

  • Pingback: celine handbags cheap()

  • Pingback: celine uk online shop()

  • Pingback: celine paris online shop()

  • Pingback: My Homepage()

  • Ahmed Mahmoud

    You saved my day
    many thanks indeed

  • cecil

    does it work with a bootstrap template?

    • John

      Yes, I coded my website using the bootstrap platform and I am using this button.

  • Samia Wyatt

    Hello Claudia,
    Thank you so much for sharing this. It is a great time saver!
    I only have one issue, it is not showing on mobile. I works just fine on test but not live.

    What am I doing wrong?
    Does anybody else have the same issue?


  • Pingback: warehouses for sale()

  • Pingback: where to buy backlinks()

  • Chaz Le

    hello I am not getting this to work with bbforum, can anyone help please,the image doesnt even show up, noob here, sorry

    • Claudia Romano

      Hi Chaz,

      the back-to-top buttons appears after the window has been scrolled 300px (you can change this value in the js file) but your page isn’t long enough so you may wanna reduce that value in the js file.

      • Chaz Le

        hi i have got it working with the smart fixed navigation, but how do i keep it consistent with the smart fixed navigation? I have changed it to a % from the right but it seems to move in more than the other !! help please almost done LOL

  • Pingback: PXW-X200()

  • Pingback: free hack tool , free hack, free cheats, hacks, hack download, hacks free download , hack no survey , free tools no survey, free tool , free hack tool, cheating tools, cheating tool, games hacks, free hack tool download()

  • Pingback: malware problems()

  • Pingback: we spam google()

  • Pingback: sizegenetics how to use()

  • Pingback:

  • Mark Syred

    Hi Claudia,

    I’ve downloaded the resource files. Thanks for providing those. But, I am trying to work out which of the files I will need to include on my site to get the button and only the button. The css files don;t seem to have enough information in them to style the button as it appears in the demo and the scss files seem to have too much. There’s also more js files than I was expecting.

    Please could you help me out with letting me know what is essential to make this button work.

    With kind regards,


  • Pingback: Vanessa Smith()

  • Pingback: google download()

  • Pingback: mozilla firefox download()

  • Pingback: download java()

  • Pingback: download skype()

  • Guillermo Silvestre

    Can the image be hidden or make it stay within a Div, I do not want it to go into the footer of the site

    • Claudia Romano

      Hi!You can try giving a higher z-index to the footer.

  • Dong-Jin Shin

    thank you for this information.

  • Clifton Larsen McGilvray

    The button does not show up on Chrome Mobile for me. HTC One M8

  • Pingback: Blue Coaster33()

  • Pingback: increase leptin()

  • Pingback: watch free movies online()

  • Pingback: free movie downloads()

  • Pingback: stream movies()

  • Pingback: watch free movies online()

  • Pingback: alkaline water()

  • Pingback: water purification systems()

  • Pingback: kangen water()

  • Nick

    Don’t know if discussed previously, but does not scroll on IE on windows phone. Fix I found was simply to change line 23 of main.js to

    scrollTop: (0 , 0)

    i.e. add ,0 and put in brackets

    appears to work across all browsers

  • Pingback: kangen water machine()

  • Pingback: Javascript - helioz | Pearltrees()

  • Pingback: order kamagra()

  • Pingback: payday loans()

  • Pingback: Buy Phen375 Online()

  • Pingback: Quick Cash()

  • Pingback: faxless payday loans lenders()

  • Pingback: 2 puny get from a thick ebony boner()

  • Pingback: DIRECTV vs Dish()

  • Pingback: debt consolidation()

  • Pingback: Idol Tan Suless Lotion}()

  • Pingback: lan penge nu uden renter()

  • Pingback: mobile porn movies()

  • Pingback: hurtigt lan penge nu()

  • Pingback: car parking()

  • Pingback: laan penge nu sms()

  • Pingback: salon de jardin zellige pas cher()

  • Pingback: ikea et salon de jardin()

  • Pingback: water ionizer()

  • Pingback: stop parking()

  • Pingback: pay per day loans plan()

  • Pingback: Garcinia Cambogia()

  • Pingback: pay day loans()

  • Pingback: journeyman electrician tool set()

  • Pingback: zetaclear toenail fungus()

  • Pingback: payday loans()

  • Pingback: d v locksmith()

  • Pingback: Debt Consolidation for Debt Relief()

  • Pingback: legal steroids()

  • Pingback: plumbing supplies copper()

  • Pingback: vigrxplus()

  • Pingback: plumbing code book nj()

  • Pingback: alkaline water brands()

  • Pingback: Phen3375()

  • Pingback: Quick Cash Payday Loans()

  • Mehedi Hasan

    your total online solution. Just visit :

  • Pingback: crazy bulk()

  • Pingback: bulk()

  • Joey

    Hello Claudia!
    Thanks for sharing! You saved my day!

  • Pingback: seo companies()

  • Pingback: zakład szklarski piotrków trybunalski()

  • Pingback: garcinia cambogia()

  • Pingback: payday loans()

  • Pingback: loans from UK()

  • Nahid

    hi i want to point to next frame of page on my website how can i do it ?

    my website is طراحی سایت در مشهد

  • Pingback: house blue()

  • Pingback: continue reading()

  • Pingback: water ionizer plans()

  • Pingback: ionizer loans()

  • Pingback: qwejkfdbvsdmgnscdnsgfg()

  • Pingback: minecraft maps()

  • ajay

    very good i use this in my website in a minute

  • Pingback: water ionizer loans()

  • Pingback: peco()

  • Pingback: alkaline water()

  • Pingback: here()

  • Andreas Hofstetter

    Hi there
    just grabbed your code. Thanks for that. Just a question. I’m using it on the website After scrolling down everything seems ok but if the button goes over the parallax image the link is not working anymore. What code do i have to change.

    • Pedro Acácio

      Hey bro. Seems to be a problem with css z-index. Try add “z-index: 999;” to the ‘’ selector.

      • Andreas Hofstetter

        Hi Pedro
        this is it.

        • Pedro Acácio

          Glad to help.

  • zencoder

    excellent! I wish you to do more, such as fine examples of code.

  • Pingback: alkaline water()

  • Pingback: link()

  • Pingback: over here()

  • Pingback: OzGarciniaz()

  • Raquel Gonzalez

    Hi Claudia! Thanks so much for this! Saved my day :)

  • Etienne Durand

    If anyone suffers from a jump problem on chrome, adding -webkit-transform: translateZ(0) for .cd-top in the style.css file can probably solve it.

  • Ying Liang

    Thanks for sharing, really good documentation and easy to follow.

  • danny

    can I use this in wordpress?

    • Scott Nyzio

      You sure can, depends how you want to implement it. Are you creating or customizing a template or looking to use this within the WYSYWIG editor?

      • danny

        HI Scott , thank you for the reply, I was just looking at using some of the stuff on the pages I create for my own site with an installed theme if this is possible?

        I would like to end up creating my own theme. never used WYSYWIG – will play around. thank you.

  • Pingback: alksdjflajsdlfasfasds534()

  • Pingback: Cash Loans()

  • Pingback: Payday Texas()

  • Pingback: Paycheck Loans()

  • Pingback: asdihvidhfsidfhgsdfgsdf()

  • Pingback: gsd67fg57sd5g7dfs57fgsd()

  • Pingback: sdfg57sd75f7sdg57sd57f()

  • Pingback: g6s78f6gs6dfg8sdsd8fs()

  • Pingback: sgdfgs7dfgsdfgsdfmxc()

  • Pingback: g78sdf78gsd7f6g7s5df()

  • Pingback: natural steroids()

  • Uma Maheswara Rao Pinninti

    I want scrollTop in ios app, for mobile component..?

  • Sam

    My favourite jQuery plugin! Thanks Claudia

  • Karim Cordilia

    Is there a way to change the color if it has for example reached the bottom of the page? I changed the color of the button itself, but the footer is in the same color.. I want it to invert the color when it reaches the end of the page.

    • Claudia Romano

      Hi Karim, in the main.js (inside the $(window).scroll function), you should add something like (i’m assuming your footer is outside the main element):
      If ($(this).scrollTop() > $(‘main’).height() + $(‘header’).height()) $(‘.cd-top’).addClass(‘your-class’);

      Hope this helps!

      • Karim Cordilia

        Hi Claudia!

        I applied this piece of code and now it just stays the inverted color i want on the whole page, it doesn’t change when it reaches the bottom.. I have no javascript expertise at all, I’m sorry if i’m too much of trouble.

  • Pingback: Sustavi()

  • Pingback: Payday loans()

  • Pingback: Payday Loans()

  • Ritesh Hota

    Hey the scroll to top button works perfectly with the desktop site but it’s not visible when resizing for mobile screen. Please help.

  • jsab0

    The reset.css file wreaks havoc on the margins and paddings of my site. How necessary is this file and can I remove it altogether? If I remove it my website reverts back to its proper design, but is the reset.css fill being gone going to affect some functionality for particular users that I’m not aware of?

  • Cheryl

    We would love to use this feature on our site and have it placed on a
    few test site pages… but it’s ending up behind content that is placed
    in a pane on the right side of our page layouts (see I have been
    researching z-index and stacking contexts but nothing has worked yet and
    hoping someone here can help me out. Thanks!

    • starfox1o1

      In your div class “DnnModule DnnModule-DNN_HTML DnnModule-759″ you have the style set to position: relative somewhere, try removing this. I removed it in google’s inspect element and the return top went over the side bar element. E-mail me and let me know what happens :)

    • starfox1o1

      Okay one more suggestion for you, since your site is using a column set and the sidebar is relative move the

      Up above where the sidebar is declared. For example, I moved the code to just below the and it stayed above the sidebar. See if that works for you and let me know :)

      • Cheryl

        Oh that’s right, I meant to try moving it around on the page. When I put it in the same layout area as the sidebar and place it at the bottom, that does seem to be working. Thanks for the reminder! I’ll have to do some more testing, but it’s looking promising. Thanks for your replies and help!

  • Christopher

    Great – thank you :)

  • Mark Atherton

    Hi Claudia – there appears to be a lot of missing JS code i.e. under the Events Handling section there is only 6 lines of code when your demo has a lot more – cheers

  • Alonso Lopez

    Beautiful piece of code!, thank you Claudia!

  • John Benedict

    Has anyone else had the issue on mobile safari of requiring two clicks for this to work? The demo works perfectly. But for my own solution — I am required to click the scroll to top button twice. The first click shows the UI elements and nothing else happens. The second click scrolls to top as expected. No googled solution helps.

    I’m developing on Bootstrap 4.

    Edit: If the safari UI elements are already showing — IE: I scroll up a little bit — the button only requires a single click.

    • Claudia Romano

      Hi John, I suppose that’s the normal behaviour of mobile safari. Try changing the bottom position (the button should not overlap the toolbar, otherwise the first click just triggers the toolbar). Hope this helps!

      • John Benedict

        Thank you Claudia! That worked. Just moved the bottom position up (was @ 10px to 100px).

  • bert berg

    Hi Claudia,

    Can you explain how i can get this working within a overflow div?
    The JS file is not getting the var offset of the scrollable div.

    • Claudia Romano

      Hi, in that case you may need to listen to the scroll event on your div rather than on the window. (basically $(‘div#yourDivId’).on(‘scroll’) rather than $(window).on(‘scroll’)). That should do it ;)

  • Dakoom

    Hi Claudia, is there a way to also have a “Scroll to Bottom” button below the “Scroll to Top” one?

  • Pingback: Followed here()

  • Artimus Hedrick

    Hello Claudia, this is a great piece of design and development. Thank you for posting it. I’m working on a mobile app and found a strange behavior under iOS 9: basically it works perfectly on your site, but when I downloaded the source files and ran it locally, the back-to-top link won’t show up on scroll. I changed the visibility and opacity settings so I could see the button, and on tapping it, it immediately went to the top without the smooth scroll. I used the same iPhone 6 Plus to view your site and it works just fine.

    Yours is the only solution that worked on my iPhone, so I’m wondering what could be different. BTW, it works fine on a Nexus 6 running chrome 47. Has anyone run into this issue?

    Thanks for your time.

  • Pingback: Ark - Responsive Multi-Purpose HTML5 Template (Site Templates)()

  • Pingback: Free Download Ark - Responsive Multi-Purpose HTML5 Template (Site Templates) Nulled Clean()

  • Pingback: Ark - Responsive Multi-Purpose HTML5 Template (Site Templates) - EnvatoEnvato()

  • Pingback: Ark – Responsive Multi-Purpose HTML5 Template (Site Templates) | Ecode()

  • Pingback: Ark – Responsive Multi-Purpose HTML5 Template (Site Templates) |()

  • Pingback: Ark Responsive Multi Purpose HTML5 Template Theme Lagoon()

  • marolo

    I keep getting this jshint error on Line 13 col 137: Expected an assignment or function call and instead saw an expression.

  • marolo

    I changed line 13 for this:

    if( $(this).scrollTop() > offset ) {
    }else {
    $back_to_top.removeClass(‘cd-is-visible cd-fade-out’);

    it works now

  • Art Bergquist

    It would be cool to have the scroll-to-top feature implemented on this web page.

  • Kara Bol

    Thank you!

  • MPU

    Thank you. Can some one guide me to how to create a new object to remove ‘.cd-top’ when bottom of page is reached

  • Dorigo


  • Pingback: Google()

  • Fauzi

    Great thanks

  • Pingback: make money internet()

  • Pingback: app maker()

  • Pingback: stainless steel coffee mug()

  • Pingback: Etobicoke house()

  • Pingback: Apple repair 32127()

  • Pingback: lesbians porn videos()

  • Pingback: Tablet Binder()

  • Pingback: latin porn videos()

  • Pingback: Factoring for staffing companies()

  • Pingback: wildlife removal()

  • Pingback: code lookup()

  • Pingback: real work from home jobs()

  • Monica Giacomino Piovan

    Great effect!! Thank you!

  • Pingback: Google()

  • Pingback: Faltbootwerft()

  • Pingback: Wirtschaftskanzlei()

  • Pingback: Dart Barrels()

  • Pingback: Boat Transport Florida()

  • Pingback: Boîte à cadeaux()

  • Pingback: 7 color shower()

  • Pingback: Queen Hair Products()

  • Pingback: More Help()

  • Pingback: farms for sale()

  • Pingback: booking a flight()

  • Pingback: bantningspiller()

  • Pingback: more info()

  • Pingback: dental implants Daytona beach()

  • Pingback: patio furniture()

  • Pingback: shipping container buildings()

  • Pingback: Used cars()

  • Pingback: Acer Aspire 15.6" Touchscreen Laptop, i5()

  • Gergely Nagy

    World Class script! Thank you!

  • Pingback: Banners()

  • Pingback: romote working program()

  • Pingback: Star()

  • Pingback: supplies()

  • Pingback: Sports()

  • Pingback: vacation()

  • Pingback: friv()

  • Pingback: Check This Out()

  • Pingback: gourmet coffee companies()

  • Pingback: kona coffee beans()

  • Pingback: flavored coffee classics()

  • Pingback: top work from home jobs()

  • Pingback: tower gardening ideas()

  • Tony

    Works awesome on chrome. Firefox it displays, won’t go back to the top when you click the arrow. Safari displays with no color, you can hover and inspect the element…it’s there, just not displaying. Any help/direction/info would be greatly appreciated!

    • Claudia Romano

      Hi Tony, I just tested it on Safari (9 – Mac) and Firefox (47) and it’s working just fine. Are you experiencing this issue with our demo or a local version? which browser version are you using? Thanks

      • Tony

        HI Claudia, thank you for responding. Browsers are: Safari 9.1.1, Firefox 47.0.1, Chrome 51.0.2704. It’s the demo version. Thoughts? Tony

        • Felix Alejandro Lau Marquez

          Try > delete PUBLIC of doctype sentence (first line)
          It may helps

          • Tony

            The PUBLIC idea didn’t work. Claudia, any other thoughts/direction/ideas? Thank you!

          • Claudia Romano

            Hi there, I tested it on all the browsers you listed and it’s always working fine. Please note that you have to scroll for the button to appear.

          • Tony

            On safari, It doesn’t display when scrolling, however you can hover over the area where it should be and the cursor will change and scroll up.

            On firefox, it will display when scrolling, it will not scroll to the top.

            Chrome, no issues.

            Any other thoughts/ideas/direction would be greatly appreciated!

          • smakosh

            add this script right before

            $(document).ready(function() {
            var navpos = $(‘#mainnav’).offset();
            $(window).bind(‘scroll’, function() {
            if ($(window).scrollTop() > 120) {
            $(‘#mainnav’).removeClass(‘navv ‘);
            $(‘#mainnav’).addClass(‘navbar-custom ‘);
            else {
            $(‘#mainnav’).addClass(‘navv ‘);

        • Tony

          Claudia, still not working…any other thoughts/direction/ideas? Thank you!

  • Tony

    IE doesn’t display…will go to top, tho

  • Pingback: Piece Of Heaven()

  • Pingback: funny pictures()

  • Pingback: LOI()

  • Pingback: My Homepage()

  • Pingback: kodi pc español()

  • Pingback: 福井脱毛()

  • Pingback: Taxi Airport Zurich St. Anton()

  • Pingback: free virtual number()

  • Pingback: DR Jaydani()

  • Pingback: BSM200GB120DLC()

  • Pingback: life insurance lawyer()

  • Pingback: Miss Saigon tickets()

  • Pingback: Social media advertising()

  • Pingback: The Place()

  • Pingback: افلام امريكية()

  • Pingback: how does a flashlight work()

  • Pingback: free online phone number for receiving texts()

  • Pingback: satta matka()

  • Pingback: Spezialturen()

  • Pingback: dank()

  • Pingback: Spouse visa()

  • Colin

    This is great. Thank you.

  • Pingback: web design in pittsburgh()

  • Pingback: gourmet hawaiian coffee()

  • Pingback: gourmet hawaiian coffee()

  • Pingback: gourmet hawaiian coffee()

  • Pingback: buy the worlds best gourmet coffee beans online today()

  • Pingback: hydrochrome()

  • Pingback: funny pictures()

  • Pingback: e-learning()

  • Pingback:

  • Pingback: read more()

  • Pingback: work at home companies()

  • Pingback: Stylish Rompers()


  • Pingback: swiss alps()

  • Pingback: work from home data entry()

  • Pingback: Destination()

  • Pingback:

  • Pingback: home decor()