Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 4, 2014 at 2:10 pm #362844
    style960

    Hi,

    I’ve now put this site live but I have a couple of issues I can’t figure out – http://sdminteriors.co.uk

    When viewing on mobile, or a device where the grid row stacks responsively, the final 3 images – Luxury Vinyls, Painting & Decorating, and Safety Flooring all appear to have more padding-top than the others, but they don’t. I’ve double checked this, any ideas? You can see the additional padding doesn’t apply on desktop.

    When using a 7-inch tablet, the partner / logo images just below stack as a 2 rows of 2 and sit on the far left of the page, as opposed to centrally aligning like other mobile devices. How can I correct that?

    Thanks for your help,
    Paul.

    December 5, 2014 at 3:02 am #363397
    Ismael

    Hi Paul!

    Thank you for using Enfold.

    You can use this on Quick CSS or custom.css:

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

    For the logo slider, use this:

    @media only screen and (max-width: 989px) {
.responsive #top #wrap_all .slide-entry {
width: 48%;
margin-left: 4%;
}
}

    Regards,
    Ismael

    December 8, 2014 at 12:37 am #364370
    style960

    Hi Ismael,

    I used the second solution here but changed margin-left and right to auto.

    Thanks for the quick response,
    Paul.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Grid Row Image Spacing’ is closed to new replies.