Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 14, 2019 at 3:29 am #1100337
    Kelly Erickson

    Hi there,

    I see there are a lot of threads about adjusting the amount of padding/space between columns, and I’ve found a good solution for my 1/5 columns below: 

    .av_one_fifth {
    margin-left: 1% !important;
    width: 19.1% !important;
}
.av_one_fifth.first{
    margin-left: 0% !important;
}

    However, the mobile version is a disaster (see included link).

    How can I get the reduced padding AND have a mobile version that stacks nicely? (PS – the mobile version without the padding adjustment stacks each of those columns on top of each other).

    Thank you!

    May 15, 2019 at 4:59 am #1100800
    Rikard

    Hey kellyCraftMedia,

    Please try to include your CSS in a media query to only apply to screens above mobile instead:

    @media only screen and (min-width: 768px) {
.av_one_fifth {
    margin-left: 1% !important;
    width: 19.1% !important;
}
.av_one_fifth.first{
    margin-left: 0% !important;
}
}

    Best regards,
    Rikard

    May 23, 2019 at 11:17 pm #1103815
    Kelly Erickson

    That’s perfect thank you!

    I’m getting the hang of this but your help is SO appreciated!

    May 24, 2019 at 4:28 am #1103847
    Mike

    Hi,
    Glad Rikard could help, unless there is anything else we can help with on this issue, shall we close this then?

    Best regards,
    Mike

    May 24, 2019 at 10:43 pm #1104044
    Kelly Erickson

    Close away!

    Cheers,

    May 24, 2019 at 11:00 pm #1104048
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Space between columns’ is closed to new replies.