Content area dropdown forcing opening direction

Support
#1

Hi there,

I would like to force content area dropdowns to open always downwards. Is that possible?
Also, how do I make sure, that they are always in the front of other content when opened?

Website: wp.optobiolabs.com/team

Many thanks,
Raphael

#2

Hi Raphael,

  1. To achieve that you can add a unique class to your Content area element

Then add this in Theme Options > CSS

.my-dropdown .x-dropdown {
    bottom: auto;
    top: 100%;
}
  1. To make sure it’s always in front, Set z-index of your first column to a higher number.

Hope this helps

#3

Hi @paul.r,

many thanks for your help!

  1. works perfectly now, thank you!
  2. I have set the z-index as proposed, but still have the problem with content behind other text:

    any idea how to solve this problem?

Thanks!
Raphael

#4

Hi There,

I’ve changed the z-index of first column to 9, the second column to 8 and the last column to 7.

Then the content areas look good now.

Cheers!

#5

Awesome! Thank you!

#6

Glad we were able to help :slight_smile:

#7

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