Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. Resize or enable "Scroll to top" on mobile device

Resize or enable "Scroll to top" on mobile device

Scheduled Pinned Locked Moved General Discussion
mobile devicescroll to top
5 Posts 3 Posters 185 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • R Offline
    R Offline
    RobKraatz
    wrote on last edited by
    #1

    Hey there,
    first of all thanks for your great work! I have a few minor problems to fix, yet one thing is bothering me as I can't find a proper way to solve it:
    I installed a custom style "scroll to top" icon at the bottom of each of my projects. The desktop version is fine and everything works but in the mobile version the "icon" appears to be huge/full screen. Any chance to resize this icon (or let it disappear since I don't really need it on the mobile version)?

    Thanks for your help!
    Best,
    Rob

    1 Reply Last reply
    0
    • RichardR Offline
      RichardR Offline
      Richard
      Global Moderator
      wrote on last edited by
      #2

      Hi @RobKraatz

      If it is a matter of appearance or even better, just to have the icon not display at all,
      Adding some custom css for the mobile version could be a solution for you.

      Alternatively if you wish to add a link here to your current project we can take a closer look

      Best Wishes
      Rich

      R 1 Reply Last reply
      0
      • RichardR Richard

        Hi @RobKraatz

        If it is a matter of appearance or even better, just to have the icon not display at all,
        Adding some custom css for the mobile version could be a solution for you.

        Alternatively if you wish to add a link here to your current project we can take a closer look

        Best Wishes
        Rich

        R Offline
        R Offline
        RobKraatz
        wrote on last edited by
        #3

        @Richard-Keith thanks for the answer. I'm not too familiar with custom css. Here's my website/project with the object:

        https://robertkraatz.de/die-verwandlung/

        each project has this hand at the bottom. As I mentioned I don't really need this icon on the mobile version. Would be great if you can provide me with some help or advice.

        Thanks!
        Rob

        1 Reply Last reply
        0
        • edgrbnzE Offline
          edgrbnzE Offline
          edgrbnz
          wrote on last edited by edgrbnz
          #4

          Hey @RobKraatz I had a quick look,

          I think you could do that w/o any CSS by using a footer:

          Just generate a new page and insert that hand-graphic in the gridder, right click it and choose Use as “Scroll To Top” Button. Now you can generate a custom phone layout by clicking the small phone icon on top of the gridder:
          Edit_Page_‹United_States_of_Error—_WordPress.jpg There you can either make it smaller or even remove it¹ for the phone version (unsync it beforehand via right-click).

          Now you can use Lay Option → Footers to define where this footer should show up – et voilà!


          ¹ Be aware that by removing the icon in the phone version the footer will show up nonetheless. So there may be a bit of extra space at the bottom of the pages/projects/categories where the footer is used.

          ✦ ✦ ✦

          1 Reply Last reply
          0
          • RichardR Offline
            RichardR Offline
            Richard
            Global Moderator
            wrote on last edited by
            #5

            Dear @edgrbnz

            Thank you heaps for this, really Awesome :)

            Your a Lay Theme Forum Superstar!

            Have a great day
            All the best
            Rich

            1 Reply Last reply
            0
            Reply
            • Reply as topic
            Log in to reply
            • Oldest to Newest
            • Newest to Oldest
            • Most Votes


            I also code custom websites or custom Lay features.
            💿 Email me here: 💿
            info@laytheme.com

            Before you post:
            1. When using a WordPress Cache plugin, disable it or clear your cache.
            2. Update Lay Theme and all Lay Theme Addons
            3. Disable all Plugins
            4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

            This often solves issues you might run into

            When you post:
            1. Post a link to where the problem is
            2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
            3. If the problem is difficult to explain, post screenshots / link to a video to explain it
            Online Users
            dmncnD
            dmncn
            Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
            laytheme.com
            • Login

            • Don't have an account? Register

            • Login or register to search.
            • First post
              Last post
            0
            • Recent
            • Tags
            • Popular
            • Users
            • Search