Archived topic

Changing the Design of Footer Widgets

3 replies · Started by Jackson on April 10, 2021

Viewing posts 1–4 of 4

April 10, 2021 at 10:07 pm #1729384

Dear Folks @GP, I want to show footer widgets side by side in column view in both Desktop and Mobile Versions. But in Mobile with only 2 widgets side by side instead of 4. Let me know if this can be done. Thanks. Currently, Desktop view is fine and mobile view showing list. Please check the images below.
What Mobile shows currently,
https://prnt.sc/119f109
What I want to show,
https://prnt.sc/119f1ll

April 11, 2021 at 4:08 am #1729589

Hi there,

try adding this CSS:

@media (max-width: 768px) {
  .footer-widgets .inside-footer-widgets {
      flex-direction: row;
      flex-wrap: wrap;
  }
  .footer-widgets .inside-footer-widgets > div {
    flex-basis: 50%;
  }
}

April 11, 2021 at 4:40 am #1729605

Perfect!!! David, Thanks a lot. Kudos GP

April 11, 2021 at 6:42 am #1729691

Glad to be of help!

This archived topic is closed to new replies.

Start building better websites today.