Hi, I looked at your tutorial video on Mouse Parallax. I created it on my site and it looks fine on desktop but not on mobile.
I then checked out your site and it displays ok on my iPhone but I note that the image is not scaled to the screensize... its more like the middle section of the tri-layer image is shown:
Sorry for the delay we were really wrapped up with the new major update 4.8 and currently working on a minor bugfix update 4.8.1 which should be released later today.
Also please make sure you update to the latest theme version and provide us the page url so we can have a look .
The image is getting clipped because of the amount of content you have in the section - it's causing it to become more portrait sized with the redcued screen real estate. The only way to combat this would be to use custom css to either shrink the size of the content inside or use css to remove some of the elements on mobile to allow the aspect ratio to continue being landscape. Please let me know which route you'd like to take :)
Could we use CSS to shrink/scale the size of the content inside? I think that would be the best solution.
The other solution - remove some elements - well I guess you are talking about some of the layers of the Parallax but if I do that it may not look the way I would like it to.
Hey Brian, one of the biggest things you could do is allow the buttons to display inline - add this into the custom css box located in your Salient Options panel:
@media only screen and (max-width: 1000px) {
.button2, .button1 {
display: inline!important;
}
}
Fabrice - if you can share your URL I'd be glad to take a look. :)
Cheers
Hey Brian - I logged back into your setup and added the snippet to allow the buttons to display inline, now you're gaining that space back thus showing more of your image :)
Hi, I looked at your tutorial video on Mouse Parallax. I created it on my site and it looks fine on desktop but not on mobile.
I then checked out your site and it displays ok on my iPhone but I note that the image is not scaled to the screensize... its more like the middle section of the tri-layer image is shown:
http://themeforest.net/item/salient-responsive-mul...
Is it not possible to scale the entire multi-layer image to the size of the mobile screen?
Many thanks,
Brian
Hey Brian!
Sorry for the delay we were really wrapped up with the new major update 4.8 and currently working on a minor bugfix update 4.8.1 which should be released later today.
ThemeNectar Support Team
Hi Tahir,
Does the following screenshot clarify?
Thanks,
/Brian
Hey Brian!
Can you please provide me your site url so i can write up some custom css to resolve this issue.
Thanks
ThemeNectar Support Team
Hey Brian, sorry for the delay!
The image is getting clipped because of the amount of content you have in the section - it's causing it to become more portrait sized with the redcued screen real estate. The only way to combat this would be to use custom css to either shrink the size of the content inside or use css to remove some of the elements on mobile to allow the aspect ratio to continue being landscape. Please let me know which route you'd like to take :)
Hi Nectar,
Could we use CSS to shrink/scale the size of the content inside? I think that would be the best solution.
The other solution - remove some elements - well I guess you are talking about some of the layers of the Parallax but if I do that it may not look the way I would like it to.
Many thanks,
Brian
Hi,
I'm having the same problem.
There is a solution?
Thank you in advance,
F
Hey Brian, one of the biggest things you could do is allow the buttons to display inline - add this into the custom css box located in your Salient Options panel:
@media only screen and (max-width: 1000px) { .button2, .button1 { display: inline!important; } }Fabrice - if you can share your URL I'd be glad to take a look. :) CheersAdd this into your custom css box located in your Salient Options panel:
@media only screen and (min-width : 1px) and (max-width : 1000px) { html body h5, body .row .col h5 { font-size: 30px!important; } }and change the 200px padding values on the row to a % instead - such as 15%Hi Nectar,
For my solution I am not seeing any different. The Parallax image has still not scaled .
Best regards,
/Brian
Hey Brian - I logged back into your setup and added the snippet to allow the buttons to display inline, now you're gaining that space back thus showing more of your image :)
Thank you! That works..it shows enough :-) Thanks again