Optimal mobile settings

[lawyVS]

Wuhu

The specified page is in Coming Soon mode.

I therefore take the example from the demo site of Atelier. (Picture appendix)

How can I make this section better for mobile? Is it a design task? Or can I optimize the row settings?

I have seen that I can hide the section for mobile. But I do not want that. 🙂
Thanks for your help

best
f

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

What page are you trying this on?

For example, on your site I see:

You can look to reduce the text size on mobile screens using:

@media only screen and (max-width: 767px) {
.image-banner-content h1 {
    font-size: 16px;
}
.image-banner-content p {
    font-size: 12px;
}
}

[lawyVS]

Hey David

thanks for the solution. is not the most perfect solution but it is a solution.

I have a problem with the header image on the main page and the story page. The big header images are blurred when I view the website on my iphone. what can I do? on chrome simulator looks everything great but on real smartphone It does not work 🙁

Thank you for your help david

[Rui Guerreiro – SUPPORT]

Hi,

I don’t have an iPhone to test. Will forward to David.

-Rui

[lawyVS]

Hy Rui

Okey .. I have tested all browsers on my iphone .. Header images do not work. I do not know if it has also problems with Android Smartphone ..

thanks for help

[David Martin – Support]

Hi,

Yes I see that also, this is when using a Row background image. Please test this, this works for me on my iPhone:

@media only screen and (max-width: 767px) {
div.spb-row {
    background-attachment: local!important;
}
}

[lawyVS]

Is this the only option?

Everything has worked now I have only repairs here and there. In the demo pages everything functions perfectly should I cut the header pix to the same size perhaps?

[David Martin – Support]

Yes, we will look to add that into the future update – I assume you mean that fixes it for you?

Thanks,
David.

[lawyVS]

Hallo David

No the css does not work with me unfortunately … 🙁

[David Martin – Support]

hmm, that worked great on my iPhone 6 test.

If you clear your Safari iPhone cache and re-test can you screenshot what you now see?

Thanks.

[lawyVS]

hello David

Thank you very much for your help. I just saw that I have the css code not correctly grasped. You have made this great.

When can I count on the update? So I know when I can remove this.

[David Martin – Support]

Happy to help you, I’ll report this back to the team for investigation and inclusion.

– David.

[lawyVS]

cool! thank you very much david 😉

[Rui Guerreiro – SUPPORT]

No problem. Thanks David

-Rui