Bottom/Footer Navigation

[Tammy Scott-Wigens]

Hi Bill,

I made the changes you suggested to create a bottom menu/navigation for less used pages but having some trouble. As you can see, it’s bunching those tabs/page titles in the right hand corner. Also, from a design perspective I move the social media links into a row above the footer. Not sure if having the social media icons and the menu tabs is causing the problem?

I tried to remove the SM icons from the footer but can’t seem to find the customization area to do this. Given the design change I’d prefer to just have the menu in the footer.

Also, is there are way to center the copyright text?

Thanks,

Tammy

[Bill Robbins]

Hi Tammy,

Sorry for the trouble mixing the navigation there in the bottom. Let’s do this to straighten it out a bit:

1. Go to the Appearance section in your WordPress dashboard and click on Customize.
2. Look down for the advanced section and click on it. Then choose Custom CSS.
3. In the box there, add this:

   
   #footer li.normal .screen-reader-text {
   	position: relative !important;
   }
   
   #footer .menu li.normal {
   	margin-left: 10px;
   }
   

4. Save your changes.

You can center the copyright text. In doing that, you’d probably also want to center the menu on the right so that it is balanced. Add this to the custom CSS also:

#footer-final {
	display: block;
}

#footer-left,
#footer-right {
	display: block;
	width: 100%;
	text-align: center;
}

#footer #menu-social-media ul {
	float: none;
	display: inline-block;
	margin-top: 15px;
}

See how that works out for you.

Take care,
Bill

[Author]

Posts