PARALLAX ON MOBILE

[Sias Marisa]

Hi,
we finally completed the work at our website http://www.siasstudio.com and we are very pleased to have used the theme flat responsive pro!
We are now correcting the final details and we realized that the images with parallax effect present on our internal site pages are not displayed with the correct size. Eventually we manage to correct the image size and then the text above, comes out from the space ….

Can you help us please?

thanks

[Bidur]

Hi,
To solve this problem please place below code in responsive.css inside the
@media only screen and (max-width: 480px) { .

.columns.columns-two .column, .columns.columns-three .column, .columns.columns-four .column {
width: 100%;
}

If you still get the problem please send us you side detail in [email protected]. We will solve you this for you

Thanks

[Sias Marisa]

Excuse me, but exactly where I need to enter the code you have written to me?

Help me, please!

[Binaya D]

Hi Sias,

Here is above code, which is written in highlighted way;

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

.columns.columns-two .column, .columns.columns-three .column, .columns.columns-four .column {
    width: 100%;
}
}

NOTE: Please use the child theme style.css or custom css plugin to write the css.

Thanks

[Sias Marisa]

hi Binaya,
I Inserted the code in the custom css, but it does not work: from iphon not still seeing good pictures…

Please help me!

[Binaya D]

Hi Sias,

We have fixed above css as well as in your site, so could you please check once your site and let us know, is there still problem or not?

Thanks

[Sias Marisa]

Unfortunately, the images from the iPhone still does not look good.
What can we do?

[Binaya D]

Hi Sias,

We check your site but we couldn’t find the issue, so could you please mention the screenshots also, so that we could provide solution asap.

Thanks

[Sias Marisa]

hi Binaya,
I’am attaching you a screenshot of how you see the images from mobile (iphone). Specifically, it’s the first image of the page http://www.siasstudio.com/web-design/
From desktop images are seen very well!
The problem is on the mobile (iPhone) where there is the parallax effect (see second attachment).
I hope I explained well the problem…
For me is very important that the web site is responsive!!!
Please help me!!!

Attachments:

You must be logged in to view attached files.

[Binaya D]

Hi Sias,

We check your site and we found that the image which you have shown in the screenshots is background image, so that’s why it is not responsive as per other image, so we are really sorry for it because background image will not be responsive as other image but if you contact to plugin author then it may helpful to you. We hope you understand.

Screenshots of background-image:- http://prntscr.com/cw3k2t

Thanks

[Sias Marisa]

Thank you,
I’ll try to contact the plugin’s author.
We hope they can help us to solve the problem.
Thank you very much.

Best regards.

[Binaya D]

Hi Sias,

We hope you will get the solution asap.
Have a nice day!

Thanks

[Sias Marisa]

Hi,
I’m writing for the same problem with the background image not responsive. I contacted the “Site Origin” plugin author 19 days ago but until now we have not received any answer. 🙁
Unfortunately we can not present online the site as now and we ask you to help us, please.
Also we like some advice about a new plugin for a responsive parallax as now by desktop or a new html.
How we can resolve the issue?
Please help us!

[Bidur]

Hi.
Its the nature of background image we can’t make it responsive as we want. The only way you can solve this problem is showing the already cropped image in particular screen.

Thanks

[Author]

Posts