Forum has been created to help all our customers in properly working our theme. We offer complete help with configuration theme and make default look, just like on our Rocco demo. We don`t offer theme customization.

Before creating a new discussion, please:
1. Check on forum if discussion hasn`t been created before. Use the forum Search on the right.
2. Read carefully the documentation included to package.
If you didn`t find what you need and would like to post a new question click the "Start a New Discussion" button on the right.
4. You can post on forum only after registration (you need purchase code to register) .

NOTE!!! If you are starting a new topic and have got problems with your site and you want us to check what`s wrong please always give url to your site because without that we can`t check what`s wrong. Each case may be different because of your installed plugins, servers or other things.

Back to top button on mobile devices
  • If you want to make "back to top" button on mobile version, then you need to make few easy steps.

    Step 1

    Please go to footer.php file and under code which looks like below:

    <?php if( mfn_opts_get('popup-contact-form') ): ?>
        <?php $translate['contact-form-title'] = mfn_opts_get('translate') ? mfn_opts_get('translate-contact-form-title','Send us a message') : __('Send us a message','rocco'); ?>
        <div id="popup_contact">
            <a class="ico" href="#"><i class="icon-envelope"></i></a>
            <div class="popup_contact_wrapper">
                <h4><?php echo $translate['contact-form-title']; ?></h4>
                <?php echo do_shortcode( mfn_opts_get('popup-contact-form') ); ?>
                <span class="arrow"></span>
    <?php endif; ?>

    please add below html code:

    <div id="back_to_top" style="bottom: 20px; position: fixed; right: 20px; z-index: 701; display: none;">
        <a href="#" id="back_to_top" style="background: none repeat scroll 0 0 #DAE0E6; color: #FFFFFF !important; display: block; font-size: 20px; height: 45px; line-height: 43px; text-align: center; width: 45px; text-decoration: none;"><i class="icon-chevron-up"></i></a>

    Step 2

    Go to js/scripts.js file and under:

    $(document).ready(function() {

    please add below js function for smooth scrooling:

    /* ---------------------------------------------------------------------------
             * Back to top button
             * --------------------------------------------------------------------------- */
                $('body,html').animate({ scrollTop: 0 }, 500);
                return false;       

    Step 3

    Please go to Theme options > Layout > Custom CSS section and paste below css code:

    @media only screen and (max-width: 479px) { #back_to_top { display: block !important; } }

    After those 3 easy steps, you will get "back to top" button on mobile devices :)
  • 2 Comments sorted by
  • Does this work on desktop versions as well? As you mention mobile versions???