Return to previous page

Parallax on smartphone - by rubenvandoorn

This topic has 10 replies, 3 voices, and was last updated 9 years, 2 months ago ago by Eva Kemp

rubenvandoorn

Participant

January 14, 2015 at 21:25

Dear Mr/Mrs,

On the webpage http://www.schoonheidssalonamersfoort.nl/dermapen the header image is showing/parallaxing correctly on the PC/laptop.

On the smartphone the parallax is not working, instead it shows just the upperleft corner of the picture.

When I edit the settings to hide the picture on the smartphone, it still shows a little piece of the upperleft corner of the picture. Strange.

Please a solution, preferrably a working parallax on the smartphone. Second best a nicely resized picture.

Hope to hear from you soon.

Best regards,
Ruben

Please, contact administrator
for this information.

#33507 Copied

9 Answers

Robert Hall

Support staff

January 14, 2015 at 22:12

Hello,

As I see you use old version of Visual Composer plugin.
Please provide us with FTP credentials in Private Content and we help you with updating or send us email address and we will send you latest version of VC plugin.

Regards,
Robert Hall.

#33512 Copied

rubenvandoorn

Participant

January 17, 2015 at 00:33

Hi Robert,

Thanks for your reply.

See private content for FTP credentials and -if necessary- emailaddress.

Good luck updating the component.

Thanks in advance.

Regards,
Ruben

Please, contact administrator
for this information.

#33962 Copied
Robert Hall

Support staff

January 17, 2015 at 10:59
Hello,

I’ve updated Revolution Slider and Visual Composer for you.
Also parallax works well on smartphone, but for better view parallax I’ve recommended for you add this code into custom.css file:
```
@media (max-width: 480px)
.et_section.parallax-section {
height: 100px;
}
```
Regards,
Robert Hall.
#34005 Copied
rubenvandoorn

Participant

January 17, 2015 at 12:11

Hi Robert,

Thanks for the update.

I also added the code to custom.css, but on the smartphone there still is no parallax.

Am I doing something wrong in the settings?!

Hope to hear from you soon.

Regards,
Ruben

#34009 Copied
Eva Kemp

Support staff

January 17, 2015 at 17:15
Hello,

I’ve edit the code in custom.css to this one:
```
@media (max-width: 480px){
.et_section.parallax-section {
height: 100px;
background-attachment: fixed !important;
background-size: 400px 620px !important;
background-position: inherit !important;
}
}
```
Please check the parallax effect now.

Thank you.
Regards,
Eva Kemp.
#34032 Copied
rubenvandoorn

Participant

February 5, 2015 at 21:26
Hi Eva,

Thanks, I tested it.

It’s still not optimal, but the result is more than acceptabel with the following code:
```
@media (max-width: 480px){
.et_section.parallax-section {
height: 110px;
background-attachment: fixed !important;
background-size: 100% !important;
background-position: inherit !important;
}
}
```
Regards,
Ruben
#40013 Copied
Eva Kemp

Support staff

February 5, 2015 at 22:39

Hello,

Is your problem resolved now?

Thank you.
Regards,
Eva Kemp.

#40026 Copied
rubenvandoorn

Participant

February 6, 2015 at 15:57
Hi Eva,

For now it is.

This is the code I added to custom.css:
```
@media (max-width: 479px){
.et_section.parallax-section {
height: 110px;
background-attachment: fixed !important;
background-size: 100% !important;
background-position: inherit !important;
}
}

@media (min-width: 480px) and (max-width: 979px) {
.et_section.parallax-section {
height: 220px;
background-attachment: fixed !important;
background-size: 100% !important;
background-position: inherit !important;
}
}
```
Thanks.

Regards,
Ruben
#40193 Copied
Eva Kemp

Support staff

February 6, 2015 at 17:14

Hello,

We’re glad you’ve resolved the issue.
If there are any questions feel free to contact us.

Thank you.
Regards,
Eva Kemp.

#40201 Copied
Viewing 10 results - 1 through 10 (of 10 total)