Footer Column Alignment

  • Hi! I’m using the free version of Virtue. My website is https://www.sleeneys.com.

    I would like for my footer columns to be equally distributed, please. I have four columns. Once I get them to look even on a vertical screen (on a tablet), they look bad on a horizontal screen and vice versa. Is there anyway to just have all four columns aligned/spaced equally in both formats?

    I used to edit for commercial production and I did closed captioning. Uneven spacing drives me crazy. ??

    Thanks so much for your help!
    Salina
    PS- I have played with padding, but cannot get it to look even both horizontally and vertically. And now, it looks really bad on a cell phone. I’ve deleted everything that I changed (CSS), but it is still bad.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter sleeneys

    (@sleeneys)

    My Primary Menu Spacing, Bottom Spacing is set at 5.

    Thread Starter sleeneys

    (@sleeneys)

    Hi! I did more searching through the forums and found some code to add.

    I’ve added this to the custom CSS:
    #containerfooter .menu li a {
    max-width: 260px;
    }

    #containerfooter .col-md-1 {
    padding-left: 40px;
    }

    There is still so much spacing between the first and second columns. Also, when looking at it vertically, the third and fourth columns begin after the first and second (not aligned under them).
    I’ve changed the numbers in the CSS above, but cannot get it to be evenly distributed/spaced. I really just want it all to be equally distributed. How can I do that, please?
    Thank you so much for your help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Footer Column Alignment’ is closed to new replies.