Changing footer menu to horizontal

Hello @tim2329

As far as I have checked locally the footer menu from default appears horizontal not vertical.

Can you please share your site URL so that I can inspect browser source to provide some solution.

Hope you understand.

Best Regards!!!

https://vertice-guitars.com/

Thanks

Tim

Hello @tim2329

To change the footer menu from the default vertical appearance to horizontal one at first you need go to Admin Panel / Appearance / Customize / Advanced Settings / Custom CSS.
Here you will see a text-box to write custom CSS. Here copy and paste below CSS.

.col-md-6.footercol2 .widget_nav_menu ul li {
    display: inline-block;
}

Hope this will help to resolve your issue.
Let us know if you have any confusion in achieving this result.

Regards!!

That’s perfect mate, thank you. Is there also an additional piece of code to give the horizontal menu more space from the left hand side? First title shows as:
Terms and
Conditions

– and need extra space for additional menu item.

Thanks again,
Tim

Hello @tim2329

I am extremely sorry that i couldn’t understand your problem. Could you please explain your problem more clearly so that i could provide you with the actual solution you need.

Hope you understand.

Best Regards!!

Hi,

Yes, sorry. I have the 2 column layout in the footer and just need this column with the menu in to be wider.

Thanks

Tim

Hello Tim,

If you can take your site off of maintenance mode, I’ll help you with the necessary CSS to accomplish this.

Thanks,
Kevin

Try adding this CSS to Theme Options> Advanced Settings and let me know if this works for you:

@media (min-width: 992px) {
.footercol2 {
    width: 70%;
    text-align: right;
}

.footercol1 {
    width: 30%;
    }    
}

.footer-widget .menu li {
    margin-right: 10px;
}

-Kevin