Footer columns different sizes - Support | Kriesi.at

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
May 4, 2021 at 8:45 am #1298214

JoStudioDeRijp
Participant

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
Participant
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
Participant

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
Keymaster

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.