Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 13, 2018 at 1:00 pm #985140
    projectt_co_uk

    Hi,

    I have recently completed the following the website.

    http://www.kiddychaos.co.uk

    The website looks good on Mobile and Desktop.

    However the view is not fitting perfect on iPad. Especially the images and the footer area.

    Please can you let me know something quick which resolve this problem so that the iPad portrait view is same as mobile but the landscape is same as desktop but with mobile menu.

    Looking forward to your response.

    Kind regards,
    http://www.projectt.co.uk

    July 16, 2018 at 8:49 am #985861
    Ismael

    Hey projectt_co_uk,

    Thank you for using Enfold.

    Use this code on the Quick CSS field to adjust the layout on portrait view.

    @media only screen and (max-width: 768px) {
.responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding {
    padding-left: 0% !important;
    padding-right: 0% !important;
}

.responsive #top #wrap_all .av-flex-cells .no_margin {
    display: block;
    margin: 0;
    height: auto !important;
    overflow: hidden;
    padding-left: 8% !important;
    padding-right: 8% !important;
}

.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
    width: 100%;
}
}

    Best regards,
    Ismael

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