footer

Hello,
My footer columons isnt appear next each other, you can see what i say in this image…
https://drive.google.com/file/d/1DCLsSHbOdNlXVcpTBSTUcgVMri7EiAAn/view?usp=drivesdk
i need to put my footer columons appear next each other, you can see what i need on this image…
https://drive.google.com/file/d/194FK9D-NctZbR2GYykZ3N9QUht5Rwepu/view?usp=drivesdk
Please tell me how to figure it out?
Regards.

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 see in this video, i used 5 footer columons..

https://drive.google.com/file/d/1mpgaCgraebEzu3OuJD-CNOQyiG1pyBKZ/view?usp=drivesdk

how can i figure this out to put like this image..
https://drive.google.com/file/d/194FK9D-NctZbR2GYykZ3N9QUht5Rwepu/view?usp=drivesdk
my footer look like right now…
https://drive.google.com/file/d/1DCLsSHbOdNlXVcpTBSTUcgVMri7EiAAn/view?usp=drivesdk

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.

Hello,
Thanks for help its work..
but i want to put space for each footer columons, how to space for each?
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,
Yes i want to more space between..
and in mobile view my footer isnt good look, kindly can you tell me how to fix it too..

https://drive.google.com/file/d/16mJfiiP9hmCUrL1KCJ6Oq8E6whFbqEiO/view?usp=drivesdk

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.

[Author]

Posts