Parallax Text and Blog carousel problem on mobile

[medisproject]

Hi all,

I noticed just now that our homepage doesn’t show correctly on mobile (at least on my Samsung S3 mini). In particular, the parallax text cuts the word “photographers” and the blog post carousel shows just one preview (instead of 4) cutting as well “check out our latest blog post”. Is there a way to fix it? Thanks in advance
Matteo

[Kyle – SUPPORT]

Hi

Try removing the span

For the blog title add this to your custom css:

h3.spb-center-heading, h4.spb-center-heading {
  white-space: pre-line;
  line-height: 20px!important;
}

– Kyle

[medisproject]

Hi Kyle,

thanks for the css, it worked fine for the title.
I’m not sure about the span, I tried removing it, but I like the way it looks on desktop view, so I wouldn’t change the text. I just noticed that the whole parallax text looks responsive except for that word… Is there a way to make a change that affects just the mobile view?
Thanks again for your help

Matteo

[Kyle – SUPPORT]

It’s because you’ve wrapped it in a span it becomes unresponsive

– Kyle

[medisproject]

Hi Kyle, I tried to change it to the simplest, but still “photographers” doesn’t appear responsive. Even without span. This is how it looks now: where do I go wrong?

<h1 style=”text-align: center;”><style=”color: #fcfcfa;”>Welcome! we are a couple of family portrait photographers based in Florence, Tuscany.  Our life turns around photography since the day we met. We love to tell stories and build memories. Do you?</h1>
<h1 style=”text-align: center;”></h1>
<h1 style=”text-align: center;”><style=”color: #fcfcfa;”></h1>
<p style=”text-align: center;”>[icon image="fa-camera" character="" size="small" cont="no" float="center" color="standard"]</p>
<p style=”text-align: center;”>[sf_button colour=”accent” type=”stroke-to-fill” size=”standard” link=”http://www.medisproject.com/the-medisproject-story/&#8221; target=”_blank” icon=”fa-camera” dropshadow=”no” extraclass=””]Watch Our Story[/sf_button]</p>

[Kyle – SUPPORT]

You’ve used style as a tag?

– Kyle

[medisproject]

I just used the editor, wrote the text in H1, selected it all and changed color. I posted the html because I thought it could help, I’m not a developer. I’ve tried many times writing it again and again, also leaving it with the basic color/format but the problem is still there.
If it’s something too difficult or too long to explain here don’t worry, I’ll figure it out myself. Thanks for your time

Matteo

[Kyle – SUPPORT]

Can you do me a favour and remove that map from the page, pretty sure that’s causing the issue

– Kyle

[medisproject]

I just tried, but it’s still looking wrong. The only way (of the many) I tried and looked ok is just leaving the text in the basic format, which is too small for my purpose. Would it help to give you user and pass to browse it?

[Kyle – SUPPORT]

Yes please

[medisproject]

This reply has been marked as private.

[Kyle – SUPPORT]

I don’t have access to edit the page

– Kyle

[medisproject]

This reply has been marked as private.

[Kyle – SUPPORT]

Can you do me a favour and try writing out the text again? Did you copy and paste it from somewhere? I can’t get my head around why ‘family portrait photographers’ wont break onto separate lines

– Kyle

[medisproject]

This reply has been marked as private.