Tagged: responsive
-
AuthorPosts
-
February 15, 2017 at 10:00 am #747383
Hi,
I’m using the Enfold App template on my website but when it’s on mobile view, the phone appears way too small.
Is there a way I could adjust it so that it would show properly on mobile view?
Also, the cell seems to collapse and all the text and icon would layer on top of one another in iPad or mobile view.
Your help would be much appreciated.Many thanks!
Best Regards,
JessicaFebruary 20, 2017 at 3:13 pm #749389Hey Jessica,
On mobile devices columns would be stacked up on one another since it will be made into a single column. As for the phone being a bit too small on mobile device, can you try adding this css code in Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:767px) { #top #features .flex_cell.av_one_half { background-size: 150% auto !important; } }
Hope this helps.
Best regards,
NikkoFebruary 24, 2017 at 8:17 am #751283Hi Nikko,
Thanks for your reply. It works perfectly.
Just another question – the phone at the first row is not showing up on my mobile. Is there any way I can work around this?Thanks!
Best Regards,
JessicaFebruary 24, 2017 at 8:50 am #751294Hey!
I have tested with iOS.
The phone is visible, but it is hidden while scrolling ( because of parallax ).
Let us know if we can help you furtherBest regards,
BasilisFebruary 24, 2017 at 8:52 am #751296Hey Basilis,
Yes please. Is there anyway I can make the phone appear? As its appearing on the second row but no the first. Thanks!
Best Regards,
JessicaFebruary 28, 2017 at 11:32 pm #753328Hi Jessica,
I have checked it but it seems good on my end, the first row you are referring shows An Architectural Revolution?
Best regards,
NikkoMarch 2, 2017 at 7:23 am #754097Hi Nikko,
It’s not showing on my iPhone.
http://www.vouse.co/wp-content/uploads/2017/03/IMG_2604.png
Thanks!Best Regards,
JessicaMarch 5, 2017 at 7:11 pm #755995Hi,
I would appreciate any attention on this.
Any solution to get the phone image to show up on mobile?
Pretty much looking forward to close this project of mine haha.
Thanks!Best Regards,
JessicaMarch 7, 2017 at 12:01 am #756659Hi Jessica,
Sorry to have you waiting. I have scratched my head and couldn’t see any issue on my end, can you try to add this css code and see if it helps:
@media only screen and (max-width:767px) { .responsive #top #wrap_all .av-flex-cells .no_margin { background-attachment: scroll !important; } }
Best regards,
NikkoMarch 7, 2017 at 10:17 am #756866Hi Nikko,
Yay, it works! Thanks Nikko!
Just one very last question –
How can I adjust the padding for mobile so that the gaps between the text and the phone is not that huge?
Thanks!
Best Regards,
JessicaMarch 8, 2017 at 1:28 am #757416Hi,
Sure :) try adding this css code in Quick CSS:
@media only screen and (max-width:767px) { .responsive #top #wrap_all .av-flex-cells .no_margin { min-height: 300px !important; } .responsive #top.page-id-152 #wrap_all #features.av-flex-cells .no_margin { padding-top: 0 !important; } }
Hope this helps :)
Best regards,
Nikko -
AuthorPosts
- You must be logged in to reply to this topic.