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

E

eduardocaballero

@eduardocaballero
About
Posts
7
Topics
2
Shares
0
Groups
0
Followers
0
Following
0

Posts

Recent Best Controversial

  • Custom Logo Animation on Scroll – Can’t Get JavaScript Working (403 Errors)
    E eduardocaballero

    also I see you added my other website to the featured list, eduardocaballero.com, glad you liked it. love lay theme thanks for the work!

    General Discussion

  • Custom Logo Animation on Scroll – Can’t Get JavaScript Working (403 Errors)
    E eduardocaballero

    ok thanks so much!

    General Discussion

  • Custom Logo Animation on Scroll – Can’t Get JavaScript Working (403 Errors)
    E eduardocaballero

    I was getting the 403 error in the custom css+html section after adding javascript. now I did what you suggested and it works! only thing is every time I reach the bottom the animation goes back to what it is at the top and it glitches, what could be causing this?

    General Discussion

  • Custom Logo Animation on Scroll – Can’t Get JavaScript Working (403 Errors)
    E eduardocaballero

    thanks! yes this is the website: https://asistenciaartistica.com

    General Discussion

  • Custom Logo Animation on Scroll – Can’t Get JavaScript Working (403 Errors)
    E eduardocaballero

    Hello! i’m trying to create a simple animation for my logo where it starts large and centered at the top of the screen, then as the user scrolls down, the logo shrinks and moves to the top-left corner (like a "sticky header" effect, but animated). Here's what I have so far:

    custom html:

    <div class="logo-wrapper">
      <img src="https://asistenciaartistica.com/wp-content/uploads/2025/04/custom-logo.svg" alt="Logo" class="logo-svg">
    </div>
    <div class="scroll-spacer"></div>
    

    CSS (added in Lay Options → Custom CSS):

    .logo-wrapper {
      position: fixed;
      top: 0;
      left: 50%;
      transform: translateX(-50%) scale(1);
      transform-origin: top left;
      transition: transform 0.3s ease;
      z-index: 9999;
    }
    
    body.scrolled .logo-wrapper {
      transform: translateX(0) scale(0.3);
      left: 20px;
      top: 20px;
    }
    
    .scroll-spacer {
      height: 150vh;
    }
    

    I tried adding this JavaScript (wrapped properly in <script> tags inside Lay Options → Custom HTML & CSS → Custom head content), but I keep getting 403 errors:

    window.laytheme.on("newpageshown", function(){
      jQuery(window).on("scroll", function() {
        if (jQuery(window).scrollTop() > 50) {
          jQuery("body").addClass("scrolled");
        } else {
          jQuery("body").removeClass("scrolled");
        }
      });
    });
    

    Is there a correct way to implement this in Lay Theme? Or is there a better place to insert this JS to avoid the 403 error?Thanks in advance for any help!

    https://jsfiddle.net/r09bfg7p/

    General Discussion

  • project index won't show last project
    E eduardocaballero

    lay options thing worked! thank you

    Bug Reports

  • project index won't show last project
    E eduardocaballero

    Hi! I found that upon going to my website homepage for the first time project index won't show the last published project. However it will appear once you navigate to another project or page, or go back to homepage from another project/page.

    Screenshot 2025-03-10 at 18.59.09.png
    this is project index at the homepage. 'poemaa' project is missing

    Screenshot 2025-03-10 at 18.59.29.png
    this is project index at another project page, 'poemaa' shows up now at the top.

    I added another project and published it just to test the index and what happened was poemaa (which then stopped being the last published project) always showed up while the new last published project had the same issue. Is there a way I can fix this or is it just a bug?

    here's the website: https://eduardocaballero.com

    thanks!

    Bug Reports
  • Login

  • Don't have an account? Register

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