Reduce Footer Height - [Broadcast theme]

Store Design
1

Dear experts,

I am trying to reduce the height of the footer menu. The space between the different elements of the footer makes the height very large:

Eduardo_DT_0-1656603655549.png
Eduardo_DT_0-1656603655549.png2858×1200 253 KB

My website: wearesoluto.com

Password: Aahmen

Thanks in advance!

2

Hi!

For the logo, head to your theme.scss file and search for the following code:

.footer__logo {
    padding-top: 75px;
    display: inline-block;
}

Edit the padding value to reduce the gap for this.

For the footer menu, stay in your theme.scss file and search for the following code:

.footer__block {
    margin-top: 75px;
    margin-bottom: 25px;
}

Edit these values to reduce the space above and below the footer menu.

For the second footer menu, again, stay in theme.scss and search for:

.footer__secondary {
    margin: 50px 0 40px;
}

and edit these values to reduce the gap.

Finally, for the payment icons, stay in theme.scss and search for:

.footer__payment {
    margin: 68px 0 40px;
    text-align: right;
}

Edit these margin values to reduce the spacing :slightly_smiling_face:

3

@Eduardo_DT

can please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.footer__logo {
    padding-top: 30px;
}

.footer__block {
    margin-top: 30px;
    margin-bottom: 0;
}

.footer__secondary {
    margin: 0;
}

.footer__payment {
    margin: 0;
}
4

it worked! Thank you so much!