Hi,

Video shows the problem.

https://www.loom.com/share/3005c9e5a89344a19606bc01b4ed9764

The LAY CSS is overriding NInja Forms and the check isn't showing in the check box, same with radio buttons.

wp-content/themes/lay/frontend/assets/css/frontend.style.css?ver=3.3.2

input {
  -webkit-appearance: none;
  -moz-appearance: none; }

Yeah, this started after the most recent update. I have the same issue with mutliple sites.

Issue seems to be with:

<div class="captions-slider" style="width: 3792px;">

Width is full screen width, but the carousel is 50% of gridder

Video: https://www.loom.com/share/dd92f3805737461f9239df3170979c1f

yeah i got it to work. put this in the 'Custom HTML at bottom'

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
window.laytheme.on("newpageshown", function(layoutObj, type, obj){
    var s1 = new Audio("http://kiti.ca/wp-content/uploads/2019/10/mew.mp3"); 
        jQuery(".mew").mouseover(function() { playme(s1); 
    });
});
    function playme(n) {
    n.play();
    };
</script>

attach the class .mew to whatever object you want to produce the sound on mouseover.

Suggestion : Include settings for thumbnail grids in 'Gridder Defaults'

Waypoints does this...
http://imakewebthings.com/waypoints/

Ex in LAY, add/remove a CSS class on the 'index' : https://kiti.ca/kitty-care

Doesn't work as well on mobile... working on it.

@arminunruh said in mobile spaces bug (still!):

and i'm re-developing the frontend of lay theme, so it will load faster

One thing I noticed is that image heavy pages (like my page : http://danielcampbell.ca/) seem to load from the bottom up, because images at the bottom of the viewport often appear before the ones at the top (not simply to do with image resolution and file size).

Example here: https://www.loom.com/share/656fd6a1307b49079543b6921a6fd530

Hey Armin,
Yeah, I've been using CSS to fix the little bugs here and there. I posted that one a couple years back. I'll get over it <3

I was impressed by the 'default' spacing in LAY, and typography—sensible, practical, almost Swiss.

A couple CSS things I add to every LAY site, if you want to integrate them into an update.

• {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }
  .caption {
  margin-top: 3px;
  }

thanks,
are you eating pineapples now?

hi,
this has been a bug from the beginning, and it's still a bug... please fix it!, it's so simple.

photoshop. the lay lightbox is efficient as is.