Полноэкранный режим TinyMCE в WordPress и затемняющие элементы

Question

Мой веб-сайт использует панель инструментов TinyMCE 4 с Wordpress 5.2.4.

Как видите, у него есть меню навигации:

Внизу имеется языковая панель:

Моя панель инструментов TinyMCE отображается при создании / редактировании bbPressтемы форума, и он имеет полный экран переключатель:

Моя проблема заключается в том, что при переходе в полноэкранный режим основнойменю и языковая панель все еще видны. По крайней мере, меню не должно отображаться:

Как я могу предотвратить это?

Answer 1

Обертка gTranslate имеет z-index из 9999999, который трудно победить.

Я бы посоветовал вам снизитьэто значение в значении z-index оболочки Tiny Mce

Обновление

Новые пояснения:

• По умолчанию в редакторе MCE z-index установлено значение 100010.
• Всплывающие окна MCE Editor z-index (например, Вставка изображения ): 100100.

Так что оболочка gTranslate должна быть ниже 100010. Кроме того, слишком велик индекс main-navigation ul.

Следующее добавление в раздел Дополнительный CSS веб-сайта решает проблемы:

div#gtranslate_wrapper {
    z-index: 100000 !important;
}

.main-navigation ul {
    z-index: 100000 !important;
}

ЭтоКстати, все элементы скрыты, но не всплывающие окна, используемые самим редактором MCE.