Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 15, 2017 at 10:00 am #747383
    jessicaang

    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,
    Jessica

    February 20, 2017 at 3:13 pm #749389
    Nikko

    Hey 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,
    Nikko

    February 24, 2017 at 8:17 am #751283
    jessicaang

    Hi 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,
    Jessica

    February 24, 2017 at 8:50 am #751294
    Basilis

    Hey!

    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 further

    Best regards,
    Basilis

    February 24, 2017 at 8:52 am #751296
    jessicaang

    Hey 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,
    Jessica

    February 28, 2017 at 11:32 pm #753328
    Nikko

    Hi Jessica,

    I have checked it but it seems good on my end, the first row you are referring shows An Architectural Revolution?

    Best regards,
    Nikko

    March 2, 2017 at 7:23 am #754097
    jessicaang

    Hi Nikko,

    It’s not showing on my iPhone.
    http://www.vouse.co/wp-content/uploads/2017/03/IMG_2604.png
    Thanks!

    Best Regards,
    Jessica

    March 5, 2017 at 7:11 pm #755995
    jessicaang

    Hi,

    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,
    Jessica

    March 7, 2017 at 12:01 am #756659
    Nikko

    Hi 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,
    Nikko

    March 7, 2017 at 10:17 am #756866
    jessicaang

    Hi 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,
    Jessica

    March 8, 2017 at 1:28 am #757416
    Nikko

    Hi,

    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

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.