footer

Hello,

Your footer shown like this because you are using footer column1 only and not all the other footer widgets.

Kindly add the other footer column widgets from Appearance >> Widgets. So it will look as same as you want.

Screenshot for clarification: https://jmp.sh/auXPxkg

Best Regards.

Hello,

You can use the below CSS code in your global custom CSS area under theme settings to fix this. I have tried this CSS and it works just fine:

@media (min-width: 1025px){
.col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    display: -webkit-inline-box;
}
}

.footer-column .col-lg-2 {
max-width: 75%;
}
.footer-column .widget {
border-bottom: none;
}

Best Regards.

Most Welcome,

Your footer looks just fine now. Also the space for each footer column is normal. Do you want to put more space in between the columns?

Screenshot for clarification: https://jmp.sh/fsXsyM3

Best Regards.

Hello,

Your problem is resolved. Now in the mobile view of footer looks just fine.

Screenshot for clarification: https://jmp.sh/tFdXNga

To fix this I just moved that CSS code from Global Custom CSS to Custom CSS for desktop.

To increase the spacing between columns you can edit that CSS code which I provided you and increase the value for the “max-width” which is in percent.

Best Regards.