The Easter Sale is on! Join now or renew your subscription with a 25% OFF! Read More

Support Forum

To Top Particle no showing Mobile

Hi

I have noticed that the to-top particle does not show on mobile - I always find this useful on mobile. Is there some settings I need to change?

Lynda
Responses (1)
  • Accepted Answer

    Thursday, February 09 2017, 10:27 PM - #Permalink
    Hi Lynda,

    We hide the "To Top" particle on Mobile so it does not occupy the already limited space.

    Here's what you need to do if you want the "To Top" particle to be shown on Mobile as well:

    1. Add the following code in your custom.scss file:

    @import "dependencies";

    #g-to-top {
    .style1, .style2 {
    #g-totop-button {
    @include breakpoint(mobile-only) {
    display: inline-block;
    }
    }
    }
    }


    NOTE: If you already have the @import "dependencies"; code at the very top of your custom.scss file, you do not need to add it a second time.

    2. Copy the attached totop.html.twig file to ROOT/templates/it_paradise/custom/particles (if the particles folder does not exist, you will need to create it manually). Basically, this step is the same as the one described in the Creating a New Particle chapter in the Gantry 5 Documentation.

    3. Clear Joomla cache and "Recompile CSS" under the Base outline.
    Attachments:
    The reply is currently minimized Show
Your Reply

Become an insider | Subscribe to our Newsletter
Subscribe to our mailing list and stay up-to-date with all our awesome releases, latest updates and amazing discount offers!