Make footer more balanced on desktop

[ads18922]

Hello, for my desktop footer, the organisation of things makes it very squashed. I would like to move my two menus further right, so it balances it out:

my store is www.antico-abito.com , theme is dawn

[Anthony_David_1]

@ads18922 How does the below look?

Here is the code

@media only screen and (min-widht: 768px) {

.footer__blocks-wrapper > div:first-child {
    width: 10%;
    max-width: 10%;
}

.footer__blocks-wrapper {
    gap: 60px;
}

.footer__blocks-wrapper > div:nth-child(n + 3) {
    width: 1%;
}

}

Hope this helps

Thanks

[mageplaza-cs]

Hi @ads18922 ,
Please add the following CSS code to the Custom CSS section of the footer:

@media only screen and (min-width: 768px) {
    .footer__blocks-wrapper > div:first-child {
        width: 10%;
        max-width: 10%;
    }
    .footer__blocks-wrapper {
        gap: 100px;
    }
    .footer__blocks-wrapper > div:nth-child(n + 3) {
        width: 5%;
    }
}

*result:

[GloboApps-Felix]

Hi @ads18922 ,

You can fix it by following these two simple steps:

Step 1: Click on Customize (see screenshot)
Step 2: Add the following CSS code:

@media only screen and (min-width: 768px) {
    .footer__blocks-wrapper > div:first-child {
        width: 10%;
        max-width: 10%;
    }
    .footer__blocks-wrapper {
        gap: 100px;
    }
    .footer__blocks-wrapper > div:nth-child(n + 3) {
        width: 5%;
    }
}

to the Custom CSS section (screenshot), then save and check the result.

Let me know if this works for you or if you need further assistance!

Best,
Felix