jump to landing page automatically after last image in carousel and 2 more questions

---

Hello, I hope this was not asked before. I have a couple of hopefully rather basic questions in order to finalize my page:

1. Is there a way to change the forward function in all carousels used on my page in order to reach directly to the landing page after the last image of each carousel?

2. Is there a way to change the horizontal space around the text in the carousel settings to percentage instead of pixel? I would like to the text to show left allinged with a 3% distance to the browser just like the menu above.

3. Maybe I do understand the height of the menu bar in % totally wrong. I have set the height of my menu bar, which is horizontal on 5% and the carousel that shows underneath the menu bar set with a Fixed Height of 95vh. Doesn't this add up to 100% of the height of my screen? When I grab the corner of my browser window however the menu bar height is always the same and my image starts to be cut off by the browser as you can see here: https://dev2019.archphot.com/herbert_bruhin At some devices the image is constantly cut off.

Concerning Question 3

I just saw, that I put the Top Frame setting on 60 pixel for any project for desktop and on 0 pixel for mobile devices. This does not make any sense I guess, so I put this project: https://dev2019.archphot.com/herbert_bruhin on 0 pixels for desktop on top frame 0 pixels. But now it looks like this on the iPad according to your customize/mobile(smartphone)/tablet preview (unfortunately I do not own a tablet):

what shall I do?

Dear @Bastion

1. Not possible.

2. You can always use the CUSTOM CSS to make those changes.

3. If you use PX you do not have this issue? Also here you could always use CUSTOM CSS to have everything in % or VH.

Hope that helps!

Best!

Marius

Dear Marius,

Concerning 3.

I have the same issue if I use PX for the Menu. I would love to use Vh for the carousel in order to show the images as big as possible.

Best
Sebastian

Dear @Bastion
for now I would use something like this height: calc(80vh - 50px) .
I will have a look with Armin about it.

Best!

Marius

1. not possible

2. possible with custom css, read this to get a little introduction, this does not cover your special case: http://laytheme.com/documentation.html#custom-css-styling

3:
hm interesting, it seems the height of the navbar is vw, i guess i chose this bc the menu type could also be in vw and so i though that would be a good idea.
Use

.navbar {
height: 10vh;
}

instead in lay options -> custom html & css -> custom css for desktop version