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. Parallax Row Gutter Bug

Parallax Row Gutter Bug

Scheduled Pinned Locked Moved General Discussion
5 Posts 4 Posters 1.1k 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.
  • debutdebutD Offline
    debutdebutD Offline
    debutdebut
    wrote on last edited by
    #1

    Hi @Armin-Unruh

    This is the site without parallax:
    http://maxfrischknecht.ch/wordpress/home-2-2-2

    When I give all the "thumbnail-rows" a greater speed (1.5), the Row Gutter becomes bigger and different from row to row.

    Like this: http://maxfrischknecht.ch/wordpress/home-2-2

    How can I fix that? Do I have to ajust the speed from row to row individually?
    Thank you for your help!

    Kind Regards
    Max

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

      hey Max!

      Ok so before I redid the parallax effect, it worked differently. Every parallax-element would move when you scroll. If you had used parallax on every element, the following would happen: you scroll down, all elements move up kind of faster and then at the bottom there would be a huge empty space because all the parallax elements have moved up already.

      So I decided to make the parallax elements only move if they are visible in your browser viewport. This leads to this behaviour which u see.

      I suggest if you want some kind of parallax effect without elements moving in different speeds, then why not try the cover effect?
      http://laytheme.com/documentation.html#covers

      debutdebutD M 2 Replies Last reply
      0
      • arminunruhA arminunruh

        hey Max!

        Ok so before I redid the parallax effect, it worked differently. Every parallax-element would move when you scroll. If you had used parallax on every element, the following would happen: you scroll down, all elements move up kind of faster and then at the bottom there would be a huge empty space because all the parallax elements have moved up already.

        So I decided to make the parallax elements only move if they are visible in your browser viewport. This leads to this behaviour which u see.

        I suggest if you want some kind of parallax effect without elements moving in different speeds, then why not try the cover effect?
        http://laytheme.com/documentation.html#covers

        debutdebutD Offline
        debutdebutD Offline
        debutdebut
        wrote on last edited by
        #3

        Hi @arminunruh

        Thank you for the explanation! This makes totally sense.
        And thank you for the hint about the cover effect, I didn't knew about, it looks very interessting. Thank you!

        Best,
        Max

        1 Reply Last reply
        0
        • arminunruhA arminunruh

          hey Max!

          Ok so before I redid the parallax effect, it worked differently. Every parallax-element would move when you scroll. If you had used parallax on every element, the following would happen: you scroll down, all elements move up kind of faster and then at the bottom there would be a huge empty space because all the parallax elements have moved up already.

          So I decided to make the parallax elements only move if they are visible in your browser viewport. This leads to this behaviour which u see.

          I suggest if you want some kind of parallax effect without elements moving in different speeds, then why not try the cover effect?
          http://laytheme.com/documentation.html#covers

          M Offline
          M Offline
          Marco_Stoermer
          wrote on last edited by
          #4

          @arminunruh

          Hey Armin,

          i couldn´t find a way to start the parallax elements only when they are visible in the viewport. How do you have realized this?

          Thanks for the great theme and your help,
          Marco

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

            Hi marco,

            not sure if I understood your question right.

            But you can activate the Parallax effect like this:

            Go to Lay Options (there you can also find the old version of the parallax effect)

            0_1490607194188_Bildschirmfoto 2017-03-27 um 11.32.17.png

            And then right click on an image and move the slider:

            0_1490607227640_Bildschirmfoto 2017-03-27 um 11.32.30.png

            I hope that helped!

            Let me know if you face problems!

            All the best!

            Marius

            www.mariusjopen.world

            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
            A
            alasdair17
            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