Spilt a footer menu into two columns

Support
#1

I have been trying with no luck to split a footer menu with 6 links into two columns.

Below is what I am trying to achieve vs what I have been able to make using the footer builder:

Any help would be appreciated!

#2

Hey There,

Would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password

All the best!

#3

Thanks @Joao!

I’ve added credentials above.

#4

Hi There,

Thank you for the credentials.
I do recommend to check Columns template from footer builder. It will give you insights on how to deal with columns.
To start, we need to know the structure of the columns. From your screenshot, we can say that we’re going to divide the entire bar with six parts.
First column = 1/6
Second column = 3/6
Third column = 2/6
See this settings: https://screencast-o-matic.com/watch/cbitiwlyqL
This is the CSS that I have adjusted and added:

  .footerRulerServices {
     display: inline-block;
     vertical-align: top;
     width: 100%;
     height: 2px;
     float: left;
     background: #32dac3;
 }
 .footer-ca{
      width:100%;
  }

Then you may need to split the middle column menu into two on Appearance > Menu with just 3 menu links each and then add it side by side.

Hope this helps.

#5

Thank you very much @Lely!

I had to make a few tweaks to the column sizes, but overall this worked brilliantly!

#6

Glad we could help.

Cheers!