Login | Register | FAQ

CSS Footer Menu

+ Post a reply

2 posts Page 1 of 1

CSS Footer Menu

by alessandrofoglia » Tue Feb 07, 2017 1:40 pm

Hi there,

I am a HTML / CSS newbie, and I am trying to install some code on my site which will provide me with a simple menu in the footer.

I got some HTML and CSS from a website which seems to work. However at the same time it also affects the structure of the top main menu at the same time.

Can anyone please advise how I can focus the CSS I found to focus on the footer menu HTML only?

Here is the CSS I have been using:

div.footermenu {width:100%;}
ul {width:100%; list-style:none;}
ul li {float:right; width:150px; font-weight:bold;}
ul li ul {padding:0;}
ul li ul li {float:none; padding:5px 0; font-weight:normal;}

Here is the HTML:

<div class="footermenu">
<li>About Us</li>
<li>Contact Us</li>

User avatar


  • Posts: 1
  • Joined: Tue Feb 07, 2017 1:22 pm

Re: CSS Footer Menu

by Farhin Qureshi » Tue Feb 21, 2017 12:46 pm

to change the footer settings you will get a good example in below link
User avatar

Farhin Qureshi

  • Posts: 45
  • Joined: Tue Jan 03, 2017 11:33 am
Farhin Qureshi
.NET Developer

+ Post a reply

Page 1 of 1