Adding a new footer menu, and styling it.

In your Child Theme’s style.css file, you can add your CSS modifications. What do you want to do?

I want to make the text have two different rows, with the sub-menus below the other rows like this:

Services About Contact
Dance/Live Event
Promotional
Weddings
Motion Graphics
Print/Web

I would also like to change the size of the text.

I assumed I’d need to do it in the style.css file, I just don’t know what to put for what the menu is called. I have been able to alter my main navigation by changing this:

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border-bottom: 0px solid rgb(237, 237, 237);
    border-top: 0px solid rgb(237, 237, 237); padding: 0;
    display: inline-block !important;
    text-align: center;
    width: 100%;

}

You need to apply CSS changes to the Child Theme’s style.css file.

For that row layout, try this CSS;

#footer_menu li {
 float: left;
}

#footer_menu li li {
 float: none;
}

For size of text, try

#footer_menu a {
 font-size: 15px;
 /*Change 15 to the value you want*/
}

Thank you! It’s getting much closer to what i want, the only problem now is that “about” and contact” are right next to each other, I’d like them to be more spread out. Looks like this:

Services AboutContact
Dance/Live Event
Promotional
Weddings
Motion Graphics
Print/Web

I would amend the first snippet of code to this;

#footer_menu li {
 float: left;
 margin-right: 20px;
 /*Change the 20 to the value you want*/
}

Thank you so much! Appreciate the help!