From the course: WordPress: Building Child Themes

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Style new menu with CSS

Style new menu with CSS - WordPress Tutorial

From the course: WordPress: Building Child Themes

Start my 1-month free trial

Style new menu with CSS

- [Instructor] Let's write some CSS so the menu and the label for the menu line up correctly. Before I write any code, let me inspect the html so I know what CSS selectors that I should use. So, right-click on company info. And here I see div class menu secondary container. Let's go ahead and use that. So I'll copy this. And let's close this. Go to my code editor. And here I can see the existing CSS for the secondary menu. Let's go ahead and change this to menu secondary container ul. And we'll make a duplicate one for menu secondary container and the paragraph tag. Right now both these are just being shrunk down. Let's go ahead and make sure they line up on the same line. I'll change this to display. Inline-block. And the same thing for the ul. Save both of these. Go back to our site. And now they line up on the same line. One more thing. Let's add a little bit of space here. So I'll go back to the code, and under the paragraph only I'll say margin-right. 10 pixels. There we go. Feel…

Contents