Lay Theme Forum

Thanks @arminunruh,

your right. I forgot to change the setting inside the carousel. With these settings its working. But I just found out, that the scroll settings use a different kind of captions and don't center my slides so I get new problems :D I'll look for another solution. Thanks for your advice.

Thanks @arminunruh for your response. Not sure if I understood your answer correctly.

In the project mentioned above I checked for testing the behaviour settings inside the carousel on "Loop" & "Mouse Scroll" and changed the settings in the Lay Options > Carousel Addon > Transition Type to "Horizontal Scroll". I think these are the settings you recommend?
Seems like the scroll activity is only behaving on the carousel, but not the text-slide inside. I have to point and click the scrollbar to get to the end of the text-slide.

Hello, it's me again.

Still trying to optimize the user experience on my website at the moment. Question: Is it possible to activate the "mouse scroll" behaviour in a laytheme carousel but still be able to scroll text-slides vertically?

For example on this project (http://neu.philipphannappel.de/ych-mif/) Mostly in the beginning of my projects I have a description that sometimes overflows. So I made it scroll on the y-axis. When I activate the scroll behaviour of the carousel I have to drag the scrollbar of the text to read it completely.

Isn't it possible to be able to have both? In my head it should be working to hover above the text, scroll to the end and continue scrolling the carousel... shouldn't it?!

Dear @arminunruh,

sorry for my late response. I just tried a little bit on my own and was able to get this effect working with the "max-height" prompt. That way I can expand the captions to their full size and give them a specific numeric value.

Hej @arminunruh ,

thanks a lot for the links. This solved the problem of the animation. Nice. Downside is: it's not working in every browser, the property seems to be quiet new. But I'm fine with it for now. Still need some time with the website so maybe there will be some updates to different browsers (:

Coming to the other problem I've mentioned: I've expanded the swiper-slide height by 9vh to be able to position the caption below the pictures. This kind of overwrites the spacing properties the captions have and for sure will look different on various monitors and browsers. Have you people got a better solution to expand the total height just by the content height?

@felix_rabe thanks for your feedback. I know that the current state is not working well. Like I said, I am looking for a better solution. Further this style is planned for desktop view only. Mobile will be different. Like I said the goal I would like to achieve is that 2-3 lines of the captions are visible below the picture. When hovering the captions shall expand to full size from bottom to top.

I was thinking if working with a flex-container will work, but I did not achieve a proper solution yet...

Hej there,

in a couple of projects I have some longer texts in the caption-section of my carousel. i would like to display only the first two and a half or three lines of the textbox and smoothly expand to the full height while mouseover (hover) from bottom to top. i already got a "solution": it kind of demonstrates the way i want it to work - but with defined heights. so i am afraid, that it is not working on different monitor sizes. further i am not having a smooth transition since i am working with the "auto"-prompt. is there someone whos got a better solution?

example: https://neu.philipphannappel.de/im-tanz/

.project-slide .swiper-slide {
	height: 79vh !important;
}
.project-slide .lay-carousel-caption-under-slide-caption {
	position: absolute;
	bottom: 0;
	background-color: white;
	height: 5vh;
	padding: 15px !important;
	transition: .5s;
}
.project-slide .lay-carousel-caption-under-slide-caption:hover {
	height: auto;
}

explanation to the code: the carousel has a fixed height of 70vh. further i defined an extra class .project-slide because i want this type of carousel only for my projects.

Hej there,

you just changed the display to flex, if I read this correctly. Unfortunately this does not work.

Hej @arminunruh,

yeah, this does its job. Thank you a lot.

edit 2024/01/28:

But: It just works if the ul.sub-menu is defined with display: block. Now I have the issue, that I get large transparent gaps in my menu list, where the sub-menus pop up if clicked. I already tried a little bit, but did not find a solution yet. Is it possible to define nav.laynav ul.sub-menu with display: block only when the click-event is triggered?

Best.

Hello Armin,

thank you very much for your quick response. Unfortunately no. Your code does not work. It still just pops up.

Dear all Lay-themers,

first of all, I really like this theme and think that it offers some great opportunities for websites. Thanks at this point.

Now to my issue: I customized my desktop primary menu via CSS. Now it gets close to the intended look. What bothers me, is that the sub-menu just pops up on click. I would like to have an ease in animation, so it fades. I already discovered that the sub-menu on click is triggered by an event. But I don't know how to implement the wished result. Here I need your help.

Thank you very much in advance.

The website can be found here: http://neu.philipphannappel.de/ - Don't mind the subdomain, I am redesigning my current website. You find a sub-menu under the "Info" menu-item.