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. Bug Reports
  3. Parallax breaking Project Thumbnail Hover effect

Parallax breaking Project Thumbnail Hover effect

Scheduled Pinned Locked Moved Bug Reports
5 Posts 2 Posters 121 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.
  • willcanningW Offline
    willcanningW Offline
    willcanning
    wrote on last edited by
    #1

    Hey all!

    I've added some CSS to .title to make sure project titles appear centered on the page when the thumbnails are hovered over. I'd love to use the parallax effect with my imagery for this page, but it seems to not interact well with the CSS. You can see here https://treylyons.com/category/video-2

    I am using this code:

    .title {
    	position: fixed;
    	bottom: 50%;
    	left: 50%;
            margin-right: -50%;
    	transform: translate(-50%, -50%)
    }
    

    Is there something else I should be targeting?

    willcanningW 1 Reply Last reply
    0
    • willcanningW willcanning

      Hey all!

      I've added some CSS to .title to make sure project titles appear centered on the page when the thumbnails are hovered over. I'd love to use the parallax effect with my imagery for this page, but it seems to not interact well with the CSS. You can see here https://treylyons.com/category/video-2

      I am using this code:

      .title {
      	position: fixed;
      	bottom: 50%;
      	left: 50%;
              margin-right: -50%;
      	transform: translate(-50%, -50%)
      }
      

      Is there something else I should be targeting?

      willcanningW Offline
      willcanningW Offline
      willcanning
      wrote on last edited by
      #2

      It appears this is also happening when 'Activate on scroll element transitions' is checked!

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

        Dear @willcanning

        Im sorry but i don't see exactly what is going wrong, i'm missing something maybe

        what it is meant to look like? is it possible to upload a picture to show more specifically,

        Thanks for your patience

        Sincerely
        Rich

        1 Reply Last reply
        0
        • willcanningW Offline
          willcanningW Offline
          willcanning
          wrote on last edited by
          #4

          Hi Richard!

          I disabled the parallax for a client preview. I'll login and re-enable now so that you can see the issue :)

          1 Reply Last reply
          0
          • willcanningW Offline
            willcanningW Offline
            willcanning
            wrote on last edited by
            #5

            You should be able to see what I'm talking about now at http://treylyons.com/category/video-2

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