From the course: Creating a Responsive Web Design

Unlock this course with a free trial

Join today to access over 22,400 courses taught by industry experts.

Adjusting the spacing of the navigation and footer

Adjusting the spacing of the navigation and footer - CSS Tutorial

From the course: Creating a Responsive Web Design

Adjusting the spacing of the navigation and footer

- So now we'll make some final adjustments to our navigation area and the footer. So for the navigation, first we want to remove the background color for the unordered lists that are sub items. And we also want to remove the triangles here and indent the links, so we can still see the hierarchy of the link structure. So back in our CSS. So still inside the navigation system, and still inside of our media query for 625 pixels wide. Let's come down here and let's now target the unordered lists inside of an unordered list. So nav, space ul, space ul. Put in our brackets. We're going to come in here and set background to none. That will remove all background properties. Next, we're going to show the hierarchy. So we're going to type nav, space ul, space ul, space li, space a. So for any of the anchor tags inside of a list item that are inside of two levels of unordered lists, we're going to set a margin left of 30 pixels. So set margin left 30. Let's duplicate that rule. Let's come down…

Contents