Hey man, I figured this out last week but then ended up not using the smooth scroll!

So in custom head content put this:

<!--SMOOTH SCROLL ANCHOR POINTS-->

<script>
jQuery(document).ready(function(){
jQuery('body').on('click', '.yourclasshere', function(event) {
event.preventDefault();
var id = jQuery(this).attr('href');
jQuery('html, body').animate( { scrollTop: jQuery(id).offset().top }, 750, 'swing' );
});
})
</script>

So obviously you need to replace 'yourclasshere' with your own class name.

What I was using this script for was for several text links at the top of the page which would just scroll down to a certain point underneath where each image was.

In that case I assigned the point I wanted to arrive at an #id and then in the text editor using the 'link' button entered this id '#youridhere'.

I then had to go into the html editor in the text editor and manually add in the class in my JS script before the href link.

That way all my anchors were smooth scrolling.

I'm not entirely clear what you want to smooth scroll but hope you can adapt my code :)

Best,

Duncan

Hi there,

I have a problem with a clients site.

I have the cover mode enabled and in firefox (works fine in chrome and safari) when i click the cover to scroll down, it highlights the text on the cover. I have set the text on highlight to be inverse with black background and white text but it looks really ugly like this in firefox.

Could you help me fix this? Not sure why it should be doing this in firefox.

Thanks as always,

Duncan

PS I tried to upload a movie but 'I do not have enough privileges to perform this action' apparently...

@soyfranasensio

I am no expert in jQuery at all, but I do know that in Lay you cannot write '$'. Try replacing '$' with 'jQuery' for a start. There is further documentation here about it:

http://laytheme.com/documentation.html#custom-javascript

Best,

D

Hi there,

Just wondering on if you have any tips on improving page load time on a Lay website?

I know wordpress isnt the speediest CMS but the site I have made for an artist is a bit slowwww...

Theres not even a huge amount of content. Even the contact page which is literally 2 lines of text can take 5 or more seconds to load up...

Theres quite a bit of script in the custom head HTML - could that be slowing it down?

Thanks

Duncan

Ah thanks for that Armin!

I was sure there must be some way...

I didn't know you could select multiple elements in the gridder by holding down 'shift' - thats really useful to know.

Thanks!

@eriman Hey!

Check the laytheme documentation here:

http://laytheme.com/documentation.html#css-based-on-current-page

D

Hi there,

I wondered if its possible anywhere as an option that when you make a custom phone layout from stacking your desktop layout, all elements are NOT synced automatically with the desktop layout. Its a real pain having to go through (especially in a complicated or long layout) unchecking every element from syncing...

Am i missing something here or is it a feature that is missing?

It also makes it really easy to destroy your desktop layout by accident which is not good...

Thanks

D

Actually its Ok I worked it all out! :sunglasses:

Hi there, I have a bunch of text links in a text block, in a row at the top of my page.
For each text link I have clicked 'link' and then entered an ID which corresponds to an ID I have given each row below in the gridder.

Works like a dream to navigate apart from on one or two pages where if after clicking and navigating to a row with the aref link, when you scroll back up to the top of the page it cuts off some of the very first row at the top UNLESS you scroll all the way to the bottom of the page and then back to the top. After that it works all the time, weird. Any thoughts?

Also I wanted to smooth scroll all my anchor points. If ound another thread on here and armin had written this jQuery for someone:

jQuery(document).ready(function(){
jQuery('body').on('click', '.js-scrollTo', function(event) {
event.preventDefault();
var id = jQuery(this).attr('href');
jQuery('html, body').animate( { scrollTop: jQuery(id).offset().top }, 750 );
});
})

It doesnt really work for me, even if I try replacing the class with my ID. Ideally id like a bit of jQuery that animates all anchor point links. I can easily enter all the IDs if I have to though.

Do you have any ideas on this?

Thanks!

Duncan

Hi there,

Having an intermittent problem where on the right hand (next) side of the carousel, my custom 'next' cursor is appearing but then disappearing to standard cursor whenever i move the mouse. I have to move off the carousel then back on for it to re-appear. But then it does the same thing again. Its fine on the left hand side but not on the right.

Any ideas?

Seems like it might be a bug with this version of the carousel.

Im up to date with my wordpress, version of lay theme and the carousel addon.

Best,

Duncan