Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 13, 2018 at 9:07 am #972120
    4EPIU

    hi! i need to change layout of footer column:

    i need to have 4 column,

    1: 2 columns
    2: 4 columns
    3: 5 columns
    4:1 columns

    how can i do this?

    June 13, 2018 at 5:28 pm #972396
    Jordan Shannon

    Hey 4EPIU,

    So to be clear are you looking to have columns nested within columns?

    Best regards,
    Jordan Shannon

    June 13, 2018 at 5:52 pm #972417
    4EPIU

    If you have 4 columns in the footer, these columns will all have the same width.

    I would rather have different widths depending on the column.

    as an example that I attach.

    View post on imgur.com

    My question is how can I give different width to individual columns?

    June 13, 2018 at 6:24 pm #972430
    Jordan Shannon

    Hi,

    So simply put 4 columns of different sizes? This is possible on desktop though on mobile, you will likely have to keep them full-width 100%

    Best regards,
    Jordan Shannon

    June 13, 2018 at 8:06 pm #972452
    4EPIU

    yes, I put 100% on my cell phone.

    How can I make them of different sizes on the desktop?
    how can i edit width of the colums in the footer?

    • This reply was modified 6 years, 5 months ago by 4EPIU.
    June 13, 2018 at 9:58 pm #972498
    Jordan Shannon

    Hi,

    Add this to quick css and adjust the sizes to what you need:

    @media only screen and (min-width: 767px)  {
#footer .flex_column.av_one_fourth:nth-child(1) {
width: 40%;
}

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

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

#footer .flex_column.av_one_fourth:nth-child(4) {
width: 10%;
}}

    Best regards,
    Jordan Shannon

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