Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 4, 2026 at 11:09 am #1494670
    joeconnert

    Hi support!
    I have three colums in my footer. On small screens (mobile) the three columns are switching below each other. As i don´t have a lot of content in the footer, there are big spaces between (below/above) the columns on small screens. Is ist possible to change the hight/padding/margin of the columns in the footer on small screens?

    Thx Johannes

    February 4, 2026 at 7:06 pm #1494696
    Rikard

    Hey Johannes,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
#footer .widget {
  margin: 0;
}
}

    Best regards,
    Rikard

    February 6, 2026 at 2:20 pm #1494792
    joeconnert

    Hey Rikard,

    it worked! Thank you!

    Best regards
    Johannes

    February 7, 2026 at 12:25 pm #1494806
    Mike

    Hi,
    Glad that Rikard could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change height/padding/margin of colums in footer on small screens’ is closed to new replies.