Dropdown menu on Opencart 2.0.1.1 not working consistently

Building a new Opencart 2.0.1.1 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?
LVL 9
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

0
 
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.
0
 
Bob StoneIT GuruAuthor Commented:
Thanks. That worked :)
0
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.