Navbar not working in footer

Hi

I decided to replicate the navigation bar placing it also at the bottom inside the #footer. I expected the same behaviour but it is not responsive in Chrome and Opera with the last <li>s getting cut off.

I have looked closely at #footer and cannot see what is causing it.

http://pintotours.net/TEMP1/test.html

Help!

#footer is an ID… a heavyweight thing.

You have assigned styles to #footer li. Those styles override mere class assigned styles.

In particular (test.css line 459)

#footer li {
    display:inline;
}

overrides (test.css line 66)

.nav ul li {
    display:table-cell;
}
1 Like

Thanks ronpat

I removed the .nav from inside the #footer and it seems to work now.

Many thanks.

1 Like

There is a stray </a> tag on line 153. The validator is barking. :dog2:

1 Like

Thanks ronpat

This is a copy of the page that has been published and I found the error before it went live.

I am still working on the test page and corrected the error now.

many thanks for keeping me on my toes!

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.