Lay Theme Forum

Thank you so much @arminunruh!

Thank you @arminunruh!

Ah ok, i see... I enabled the Force HTTPS feature on a plugin I already had (WP-Optimize) and it worked.

Thank you @arminunruh!

It worked!
I also tested with "transform: inherit !important;" and also works.

Thank you @arminunruh

@arminunruh Thank you!

You're totally right, i completely forgot to set the ids on the mobile layout 🤦🏻. It works now!

Dear @edgrbnz

sweet!

marius

hey please switch to another theme and upload a file again.
if it doesnt work either it has nothing to do with lay theme.

Hi @danielfvmartins
Yeah!
Really cool page and projects!

All the best!

Hi Daniel,

this is because it runs all with Javascript and it needs to run a loop the whole time.

I personally would not got for the customized scroll bar.

Especially since the iframes cause trouble as well.

Best!

Marius

Hey this is a very old topic and I think I have forgot to answer. This is just for everybody seeing this topic later on.

Please use this code:

<script> window.laytheme.on('newpageshown', function(){ if(window.location.hash.length > 0){ var id = window.location.hash; if(jQuery(id).length > 0){ jQuery('html, body').animate( { scrollTop: jQuery(id).offset().top }, { duration: 1200 }); } } }); </script>

Find the full explanation here:
http://laythemeforum.com:4567/topic/2863/link-to-anchor-from-another-page/4

I think the reason why with your code it didn't animate is maybe because the easing "easeOutSine" doesn't exist.
Also the above code is better cause it will work on any page.

not sure whats happening there, probably some problem with ur css

@edgrbnz said in Images appear on link hover:

.hoverFolio {
/basic styling for your text object/
margin: auto !important;
}

.hoverFolio-links {
/that’s the wrapper for the links which also defines the image height in relation to your text block/
position: relative;
z-index: 1;
padding: 5vw 0;
}

.hoverFolio .hoverFolio-images img.hoverFolio-image {
/that’s your image positioning/
position: absolute;
object-fit: contain;
width: auto;
height: 100%;
top: 0;
left: 50%;
bottom: 0;
transform: translateX(-50%);
display: none;
}

This did not work for me even after changing $ to jQuery - anyone else having trouble setting this up?

that would be awesome ;)

yes! background image and 'browser height for row height' too. I opened the page in other browsers and computers and everything is ok...I think the bug it's on my Safari :/

Do you have any idea what's going on?

I'm sure a row-background image is fully responsive to the height of the row. And you could set the rowheight to 45vh with custom css. But yeah, then you don't have the parallax effect as we discussed earlier :D :/

Great question, hmm not sure if i can code that. Right now it doesn't seem to be possible

No prob! Keep on your good work! Would be nice, if it will be fixed in the next version... imho a essential feature! Thanks.