Lay Theme Forum

Hello guys,

quick question, I am trying to prevent the bounce when the end of the page has been reached.

I have added this is custom css:

html {
    background-color: #FF8200;
    scroll-behavior: smooth;
    overflow: hidden;
    height: 100%;
}
body {
    -webkit-font-smoothing: antialiased;
    overflow: auto;
    height: 100%;
}

and it seems to works fine on desktop, but if I keep the same code for mobile as well, it does not seems to work in the same way as per desktop.

It basically remove the option to refresh the page when user will scroll up and also keep the bounce effect.

Do you have any idea how I can remove it for mobile as well?

Thank you so much

https://frittatastudio.co.uk/

@arminunruh Thanks for the update, appreciated

Do you guys know why it does that just for the mobile?

@frittata_studio up

@arminunruh sorry, here the link: https://frittatastudio.co.uk/projects/

Hello,

I have applied
mix-blend-mode: difference;
to this:
.lay-carousel-wrap.sink-ontop .lay-carousel-sink-parent

it seems to work on desktop, but when I switch to mobile it loads just the first two captions and then the copy reverts to white.

Any idea why?

Thanks!

@alasdair17 :'''')

Basically this is the idea behind it:

http://jsfiddle.net/JVDFc/

Hello guys,

I have tried using the code released in the forum, but they do not seems to work.

Basically I would like to hover on a text and show an image.
I have followed a guide here in the forum and it seems to work in way, when I click (or I hover) it appears a search functionality (?) not sure where it comes from.

So not sure if there is an updated way to achieve this result.

Thank you so much

Fixed!

In case someone needs it:

nav.primary{
    width: 97.5vw;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap
}

nav.primary ul{
    display: flex;
    justify-content: space-between;
    flex: 1;
}

Hello guys,

someone could help me design a toggle to switch between the languages please?

Something like this

@arminunruh sorry Armin, quick question

I edited the code in this way in the end:

nav.primary{
    width: 95%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}


nav.primary li{
    display: block;
    padding-right: 9vw;
    padding-left: 9vw;
}

But there is still something strange in that, basically, I would like to have the first text aligned to the margin left and the last voice in the menu should be aligned at the margin right.

If you look the navbar at this moment, they are all evenly spaced but they are all centered.

There is a way to update it?

Thanks!

I found a solution, I had to remove the overflow on the navbar

Hei guys,

do you know why on Safari the carousel, which is set to 100vh, does not reach the full height of the browser? In chrome it seems to work correctly.

I show you the two screenshots (bottom of the screen)

Chrome

Safari

Hello guys,

Just a quick question, I am trying to prevent the mobile version to move horizontally on the browser.

Adding the overflow-x: hidden; in the html works only for desktop.

Do you guys know how to do it for mobile as well?

Thank you so much

@arminunruh Fantastic, thank you so much for your help

@arminunruh not sure if this is correct, but doing the code in this way it does the job:

nav.primary{
width: 100%;
display: flex;
}

nav.primary li{
width: 32vw;
display: flex;
justify-content: space-between;
}

What do you think?

Hi @arminunruh

thank you for that, I tried it and it does not seem to work, I show what I got: