Dropdown menu on Opencart not working consistently

Building a new Opencart site at http://wichitaoutlet.com/  and drop downs on header menu aren't working right.

The one for Currency works fine but the My Account drop down is showing way at the bottom of the screen. I can't figure out why. The only thing I've added to the header.tpl is a tagline div with position: absolute but it does the same exact thing when I remove it.

How do I fix this?
Bob StoneIT GuruAsked:
Who is Participating?
Chris StanyonCommented:
Looking at it again, probably an easier solution is to add position:relative to the <li> elements:

stylesheet.css line 101

#top .btn-link, #top-links li, #top-links a {
    color: #888;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;

Open in new window

Chris StanyonCommented:
In the bootstrap.min.css there are 2 properties that are causing your menu to be out of position:

.dropdown-menu-right {
   right: 0;

.dropdown-menu {
   top: 100%;

Open in new window

remove those 2 properties and it'll position correctly.
Bob StoneIT GuruAuthor Commented:
Thanks. That worked :)
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.