Thanks a lot, looks like it's working <3
Thank you very much for your support.

Hello

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

@media only screen and (max-width: 759px) {

.layerslideshow .NextArrow, .layerslideshow .PrevArrow {

    top: 80%;

}}

Ciaran

Ok, my fault, activated the wrong style and tested with this instead your code.

But there is still something wrong with the navigation arrows. Is there anything possible to lower them in this view? Or at least make them invisible... Perhaps no arrows are better on small screens with small slider images...
Do you have an idea?

Thank you

I can not see the suggested CSS in your website source...

@media only screen and (max-width: 1080px) {

#container_showcase1_modules + .content_main {

    margin-top: 0 !important;

}}

Can you confirm that this CSS is in the Custom CSS field of your template parameters? This CSS should resolve the issue of the bottom of image been cropped on smaller screen devices.

Ciaran

Hello again,

I tried something out. My website is available on * with four images in the slider.
Additionally I added a zip (slider.zip) with images from my desktop browser (firefox) and my mobile phone (firefox clear - don't know the english app name) to show my issue. As you can see, in the mobile version the image is "top orientated" and cuts off the bottom. And some images have the most important part on the bottom (example in zip: mountains with sunrise, cola glass) or center (example in zip: archery target and bow together). In the mobile Version it's a little bit... wrong... with only the top and the bottom cut out.

And I have another issue with this module. If I reduce the height of the slider to ~50%, the mobile version shows only the left-right-arrow without any image. I attached another zip (overlap.zip) to show you. It's "slider_half_height.png". In my url it's set on the "Test"-page in menu.. But it happens with max height Additionally if I deactivate the slider position for mobile in the template style with activated "Overlap Header" in the module, the page title moves (eg "Home" gets behind the menu bar. Screenshot "slider_mobile_deactivated_overlap_activated.png".

And I would like to use the overlap header option. So deactivating is bad.

The "not top orientated" slider image is more like a "wish", but I think the "minor height and no image in mobile" and the "mobile slider deactived position with activated overlap in slider module" is like a bug...

Hello

Once your site is available online, drop the URL here and we will examine this issue further.

Ciaran

Hello

There is an overlap with the content area. Removing this overlap on smaller screens may help. To amend you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

@media only screen and (max-width: 1080px) {

#container_showcase1_modules + .content_main {

    margin-top: 0 !important;

}}

Ciaran

I installed the demo installer of your template on localhost/xampp (is faster than with own images) and inserted your snippet in the template settings, but it doesn't seem to work. I don't see any impact at all. But thx for the try.

Hello

There is an overlap with the content area. Removing this overlap on smaller screens may help. To amend you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

@media only screen and (max-width: 1080px) {

#container_showcase1_modules + .content_main {

    margin-top: 0 !important;

}}

Ciaran

I didn't purchase Everly (until now, because I saw the flash sale notification ) and just played with your demo and its live css in my browser. I can look into making an example, but I dont think its specific to my images. It's just that the slider images have a different ratio between full and mobile version, so the mobile version "cut off" and it seems that the display of the image is top orientated, so the cut off is the bottom part. and i would like to have bottom orientated images, because the top part is less worth then the bottom part of the image. The example in my head was from an old website project of mine, so I have to search for this image. But it looks like it's more complicated like a simple .div img {bottom: 0;} - so perhaps I look for another kind of picture. It's a new project so I'm free.
If you have an idea, would be nice to hear - if not, I find another solution. thx a lot

Considering the solution would be specific to your images, would you have a URL to an example of your slideshow?

Ciaran

Hello,
thx for the fast response and the nice preview, it helps me a lot.

Relating to the slider question I made you an attachment in this post. In the background is the full computer screen version, on the top right is the "mobile version" (via smaller window). I don't want to move the text, but the image itself in the small version.
The section in the mobile view isn't the full image like in the full version, because of the smaller size, that's okay. The red line shows the (guessed) cutout of the small version. And I would like to have a cutout like the green section. I tried to understand the HTML/CSS-Code to set this in CSS, but not successfully.
Because at the moment I have images with people/objects from bottom to middle height and sky above. The current cutout would cut them off and show primary the sky, so... if there's a simple solution for that... doesn't need to be a menu in your template settings, but a css class to set in css custom would be nice.

EDIT: After a second look on my graphic it doesnt look to accurate, but perhaps you get an idea of what i mean.

Hello

Thank you for bringing the date issue to our attention. The correct release date is indeed 2019

Just so I understand you correctly, you wish to move the slideshow text to the base of the image on smaller screens?

We hope to have a template released within the next week. Following is a little preview.. https://screenshots.firefox.com/Xr2HFSMafuhf25aa/localhost

Ciaran