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]

This reply has been marked as private.

[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]

This reply has been marked as private.

[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