Content area dropdown bug

[redrazormedia]

I’ve got this weird issue with the content area dropdowns where the current drow-down appears under the other toggles in a separate column.

My site has 4 columns and each column has 4 content area dropdowns.

If I select on one of the toggles from the first column toward the bottom, the dropdown for that toggle will appear under the toggles in the second column. This only happens in mobile versions of the site, as the horizontal resolution in the desktop browser keeps the dropdowns in the first column separated from the second column.

You can view the issue here: https://artisan-c7263.easywp.com

The bottom of that page has an area titled Menu Icon Legend. Viewing it on a mobile device, if you select some of the toggles, the resulting drop-downs will appear under the other toggles.

I also notice that the dropdowns in the first two columns appear directly below their toggles, but the dropdowns in columns 3 and 4 appear slightly to the right of the toggles.

What’s going on here?

[thai]

Hi @redrazormedia,

That’s the z-index issue. To fix it, please set the z-index of first column to 9, 8 for the second and 7 for the third:

For more information, please take a look at this:

z-index

Hope it helps

[redrazormedia]

Thanks. that worked!

However, I’m still finding that the drop-downs do on consistent appear in the same horizontal space below the respective toggle. I want all of them to appear slightly down and to the right of their toggles. The ones on the left side of the page work correctly, but the ones on the right side appear almost directly under their toggles.

[Prasant]

Hello Omar,

Thanks for updating the thread.

On my end now content area dropdown seems to be working fine. I suggest you to clear browser cache and see how that goes.

Thanks.