Fix dropdown

Support
#1

I have a side and top header and i was given this code to make my side header drop-down menu drop DOWN as opposed to coming out to the side. Now my top header is dropping to the side instead of dropping down though. How do I fix this?

.sub-menu.x-dropdown {
position: relative;
top: auto;
left: 0;
height: auto;
display: none;
}

.sub-menu.x-dropdown.x-active {
display: block;
}

Top header:

Side header:

#2

Hello Jane,

Thanks for writing in!

You have a css conflict with the custom css you have added. Please have it updated and use this instead:

.x-bar-left .sub-menu.x-dropdown {
  position: relative;
  top: auto;
  left: 0;
  height: auto;
  display: none;
}

.x-bar-left .sub-menu.x-dropdown.x-active {
  display: block;
}

.x-bar-left is needed so that the code will only affect the left bar and not the top bar.

Please let us know how it goes.

#3

worked perfectly thank you :slight_smile:

#4

You’re always welcome Jane!

Cheers.

#5

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