На тази страница (Wordpress сайт), розовият елемент става лепкавкогато докосне менюто. Но този елемент не може да се проследи поради логото в ляво, което прави обвивката на менюто по-висока, като по този начин липсва лепилен елемент.
Не мога да използвам pointer-events:none
на menu
div, защото това прави менюто + логото несъвместимо.
Също, z-index
не е от полза, тъй като залепващият елемент е вмъкнат в обвивката на съдържанието. Така че, ако го направя z-index
от съдържанието по-високо от менюто, съдържанието ще се превърта в горната част на менюто.
Вероятно би трябвало да отделя лепкавия елемент от обвивката на съдържанието, но тъй като не съм експерт с Wordpress, не знам как.
Или има някакви други трикове, които мога да опитам?
Отговори:
0 за отговор № 1Ако просто зададете класа fusion-logo
да се position: absolute
логото на контейнера няма да следва нормалния поток на елемента, така че fusion-header
височината ще бъде същата като навигационното меню и розовият елемент ще бъде точно под него, клика се