Fullscreen Slider – Mobile View not working correctly

[joju]

Hey dear Lay theme

first of all: thanks for this great theme! :)

Even though there have been some questions about this in the past, I have a question about the Fullscreen slider:

1-mobile view projects
On Chrome, the mobile view is working fine so far. The text under the image - the Full Screen Slider - is shown on Chrome in the Responsive version.

But: of course it doesn't work in Safari view. Even if I position the text differently (e.g. set it higher by Space below or Y-offset), part of the text is always either cropped or not shown at all in Safari view. Actually, I'm a bit at my wit's end. I have looked for your suggestions from the existing full screen slider questions - but I could not find a suitable solution yet.

2- When I rotate the view from portrait mobile format to horizontal, the page jumps and images, as well as text are then positioned incorrectly. I have to refresh the page again to get back to the correct display. Do you have a tip/approach how to solve this problem?

Maybe you can help me here or give me a suggestion, where the problem could be. I would be incredibly grateful (10000000000 times haha - my nerves are almost completely used up). Thanks in advance for your answer and best regards!

P.S.: Laytheme etc is updated. There should be no plug ins installed that can cause any problems. I have checked my CSS and HTML - they should not cause this either.

Safari Mobil View:

Chrome Mobil View

[arminunruh]

do you have a link?

[arminunruh]

also its best to look at it on a real device instead of the simulated device

The text under the image - the Full Screen Slider

so you mean the text underneath the image is shown correctly in chrome on an iphone. you mean this screenshot right:

and then on safari the text is cut off and you cant move it higher, that doesnt work.

is that correct? just so i understand the issue

[joju]

@arminunruh said in Fullscreen Slider – Mobile View not working correctly:

so you mean the text underneath the image is shown correctly in chrome on an iphone. you mean this screenshot right:

@arminunruh hey armin,
thank you for your answer. I would like to have the description of the images always at the bottom of the mobile views

and then on safari the text is cut off and you cant move it higher, that doesnt work.

If I give the text below the image a "space bottom" of 13%, the projects look fine in Chrome on my Phone (text is then positioned at the bottom of the site). However, the text disappears on Safari (which is due to the browser bar of Safari). https://carolinefayette.com/sacred-traces/

I tried it out with an Y-offset -23%. With this the text is visible on Safari, but on Chrome the texts are placed differently in the two browsers.
https://carolinefayette.com/insomniacs-delight/

Is there any solution to show the text always in safari & Chrome at the bottom of the site?

https://carolinefayette.com/overview/
PW: Caro

Thank you for your answer and best wishes

[joju]

Hey @arminunruh Armin, sorry to come again with the question. Maybe I have expressed myself badly.

The text under the Fullscreen slider is positioned differently on Chrome and Safari (responsive view). To prevent the text from disappearing under the search bar on Safari, I set a Y-Offset value of the texts.

This has of course shifted the position of the text lines in the Chrome responsive display. Is there any way to always display the text at the bottom on chrome and safari (using the fullscreenslider Plugin)?

Thanks a lot in advance for your answer!

[arminunruh]

thanks! i understand it now, looking into this now

[arminunruh]

can you please remove the offsetY / space-Y of the texts, like set them to 0?

then make sure all of your custom phone layout layouts have a "frame top" value of 0. and a "frame bottom" value of 0.

[arminunruh]

then afterwards:

can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

[joju]

@arminunruh thank you Armin! <3 I wrote you a Mail

[joju]

Dear @arminunruh, could you find a solution? I do not want to be intrusive, however, the titles in responsive can not be read at all since they were set to 0. For me, time is now pressing. The page should be launched to 3.12. Thank you again so much in advance and best wishes

[arminunruh]

hey there still on my todo list!