CHANGE FOOTER COLUMN WIDTHS

[Jemina TaljaParticipantTopics: 2Replies: 7Total: 9 Member since: July 25, 2019]

Hi,

I have set the footer of my website – http://www.yogastopstraffick.org to be 3 column, however I would like all columns equal (33.3%). I have tried adding css but it is not working. Please can you help?

Many thanks.

[Forum ModeratorParticipantTopics: 0Replies: 21942Total: 21942 Member since: August 16, 2013]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.cols-3 .widget-column-1, .cols-3 .widget-column-2, .cols-3 .widget-column-3 { width:33.333%; margin:0;}
.cols-3 .widget-column-1 { padding-right:50px;}
.cols-3 .widget-column-3 { padding-left:50px;}

Regards,
Dave

[Jemina TaljaParticipantTopics: 2Replies: 7Total: 9 Member since: July 25, 2019]

That’s perfect for desktop and tablet view, but now it does not look right in mobile view. Any way to fix this please?

Many thanks,

Emily

[Forum ModeratorParticipantTopics: 0Replies: 21942Total: 21942 Member since: August 16, 2013]

Hi,

Kindly use this one for mobile device

@media screen and (max-width:479px) {
.cols-3 .widget-column-1, .cols-3 .widget-column-2, .cols-3 .widget-column-3 {
    width: 100%;
}
}

Regards,
Dave

[Jemina TaljaParticipantTopics: 2Replies: 7Total: 9 Member since: July 25, 2019]

That’s great, thank you Dave.

[Forum ModeratorParticipantTopics: 0Replies: 21942Total: 21942 Member since: August 16, 2013]

Hi Emily,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/24/

Regards,
Dave

[Author]

Posts