Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 4, 2021 at 8:45 am #1298214
    JoStudioDeRijp

    Hi there,

    I have a question about the footer columns sizes. I want 3 columns in 25% – 25% – 50%. I looked in the answers on the support and found the code I paste here.
    But something went wrong, the first and second columns are ok, but the content of the 3th column is placed under the first 2 columns instead of next to them. Can you please help me?
    —–
    #footer .flex_column.av_one_third:nth-child(1) {
    width: 25%;
    }

    #footer .flex_column.av_one_third:nth-child(2) {
    width: 25%;
    }

    #footer .flex_column.av_one_third:nth-child(3) {
    width: 50%;
    }

    May 4, 2021 at 9:24 am #1298223
    Guenni007

    yes that would be ok – if there was no margin between the columns.
    but second and third column got a margin-left of 6% – so for your columns in total there are only 88%
    so try 22% 22% and 44%

    or if you can live with less space between the columns:

    @media only screen and (min-width: 768px) {
  #footer .flex_column.av_one_third:nth-child(1) {
    width: 24%;
  }
  #footer .flex_column.av_one_third:nth-child(2) {
    width: 24%;
    margin-left:3%
  }
  #footer .flex_column.av_one_third:nth-child(3) {
    width: 46%;
    margin-left:3%
  }
}
    May 4, 2021 at 9:32 am #1298226
    JoStudioDeRijp

    Hi Guenni,
    That’s great, THANKS, it owrks now :-)))!
    I didn’t know about the 6% margins, thanks again I learned already something today.

    May 5, 2021 at 6:58 am #1298440
    Rikard

    Hi JoStudioDeRijp,

    Great, I’m glad that you got thing working. Thanks @guenni007 for helping out :-)

    Best regards,
    Rikard

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