[SOLVED] CSS: z-index

Gallex · 2021-08-06 09:22:08

hi!

i have been playing around with z-index , but still li.logo item covers li.sub ul.dropdown-menu (INFO) on #main-menu at this site.
resulting first link of submenu is not clickable. where is a hook?

colak · 2021-08-06 13:54:04

I cannot find any display glitches on ff mac.

Vienuolis · 2021-08-06 15:06:42

Gallex wrote #331208:

i have been playing around with z-index , but still li.logo item covers li.sub ul.dropdown-menu (INFO) on #main-menu at this site.
resulting first link of submenu is not clickable. where is a hook?

You set li.sub { position:relative; z-index:20 !important } in the default style sheet, although I did not find <li class=“sub”> in HTML — only unnamed <li> around <span class=“diff-color”>Noortelaager</span> and its <ul class=“dropdown-menu”>. Try to set class=“sub” for the <li>.

colak · 2021-08-06 15:37:08

Did you hand construct that menu? If not could you post the tags you used?

Gallex · 2021-08-07 06:55:38

colak wrote #331211:

Did you hand construct that menu?

yes.

<ul>
...
<li><span>Info</span>
<ul class="dropdown-menu">
<li><a href="/puhkemaja/">Küla Villa</a></li>
<li><a href="/miks-tulla/">Miks tulla</a></li>
...
</ul>
</li>

colak · 2021-08-07 07:20:47

Is this what bothers you?

colak · 2021-08-07 07:24:52

In that case try

.logo {
background-color:transparent;
width:200px !important;
height:20px;
z-index:900 !important;
display: none;
}

Gallex · 2021-08-07 07:25:50

Vienuolis wrote #331210:

You set li.sub { position:relative; z-index:20 !important } in the default style sheet, although I did not find <li class=“sub”> in HTML — only unnamed <li> around <span class=“diff-color”>Noortelaager</span> and its <ul class=“dropdown-menu”>. Try to set class=“sub” for the <li>.

that’s it! changed to:

li ul.dropdown-menu{
position:relative;
z-index:25 !important;
}

thank’s for pointing out!

Gallex · 2021-08-07 07:27:03

colak wrote #331213:

Is this what bothers you?

not anymore ;)

Gallex · 2021-08-07 10:16:30

Gallex wrote #331215:

that’s it! changed to:

li ul.dropdown-menu{...

thank’s for pointing out!

wait a minute, still not working… :(

Gallex · 2021-08-07 10:22:52

colak wrote #331213:

Is this what bothers you?

in that image i can see that logo is behind the dropdown menu and KÜLA VILLA link is working in your screen, right?

why it is opposite in my screen…?
win10/chrome

Vienuolis · 2021-08-07 11:01:44

li ul means ul only, not li (with span and ul).

Last edited by Vienuolis (2021-08-07 14:07:15)

Textpattern CMS

Textpattern CMS support forum

#1 2021-08-06 09:22:08