EPIC

[webcheck]

Hi there.. thank´s für help!

Got an Error in the Submenü in Epic Theme (SMF2.0.3)
Please see Picture - maybe can told me how ti fix this in what ...php

webcheck

[Maxx]

You a URL to your site?

regards,
Maxx

[Crip]

Yes , other than English you get that overlap
css/index.css Find:

Code Select Expand


#nav {
position: relative;
height: 32px;
z-index: 1000;
padding: 0;
margin: 0;
}
#nav ul {
margin: 0;
padding: 0;
}
#nav li {
float: left;
margin: 0;
padding: 0 0 0 0px;
position: relative;
list-style: none;
display: block;
}
#nav li a {
display: block;
line-height: 32px;
padding: 0 12px;
color: #cecece;
font-size: 12px;
}
#nav li a.active {
background: url(../images/id/nav_active.png) 0 50% no-repeat;
color: #000;
}
#nav li a.active span {
background: url(../images/id/nav_active.png) 100% 50% no-repeat;
}
#nav li a:hover, #nav li:hover a, #nav li.sfhover a {
background: none;
color: #ddd;
text-decoration: none;
}
#nav li:hover li a, #nav li ul li a:hover {
color: #ccc;
background: #E4620E;
}
#nav li:hover li a, #nav li ul li a:hover {
color: #fff;
background: #E4620E;
}
#nav li li {
width: 200px;
height: auto;
padding: 0;
}
#nav li li a, #nav li li a:hover, #nav li li a, #nav a.active li a, #nav li:hover li a, #nav li.sfhover li a {
background: none;
height: 30px;
line-height: 30px;
margin: 0;
font-weight: normal;
text-transform: none;
font-size: 12px;
color: #FFF;
}
#nav li ul {
background: #202020;
position: absolute;
width: 200px;
left: -999em;
margin-left: -1px;
}
#nav li ul ul {
margin: -27px 0 0 195px;
}
#nav ul li li:hover, #nav ul li li.hover {
position: static;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li.sfhover ul {
left: 3px;
}
#nav li li:hover ul, #nav li li li:hover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: 0;
}


Then add these Edits::

Code Select Expand


#nav {
position: relative;
height: 32px;
z-index: 1000;
padding: 0;
margin: 0;
}
#nav ul {
margin: 0;
padding: 0;
}
#nav li {
float: left;
margin: 0;
padding: 0 0 0 0px;
position: relative;
list-style: none;
display: block;
}
#nav li a {
display: block;
line-height: 32px;
padding: 0 12px;
color: #cecece;
font-size: 0.9em;    <=====SEE========>
}
#nav li a.active {
background: url(../images/id/nav_active.png) 0 50% no-repeat;
color: #000;
}
#nav li a.active span {
background: url(../images/id/nav_active.png) 100% 50% no-repeat;
}
#nav li a:hover, #nav li:hover a, #nav li.sfhover a {
background: none;
color: #ddd;
text-decoration: none;
}
#nav li:hover li a, #nav li ul li a:hover {
color: #ccc;
background: #E4620E;
}
#nav li:hover li a, #nav li ul li a:hover {
color: #fff;
background: #E4620E;
}
#nav li li {
width: 210px;     <=====SEE========>
height: auto;
padding: 0;
}
#nav li li a, #nav li li a:hover, #nav li li a, #nav a.active li a, #nav li:hover li a, #nav li.sfhover li a {
background: none;
height: 30px;
line-height: 30px;
margin: 0;
font-weight: normal;
text-transform: none;
font-size: 0.9em;     <=====SEE========>
color: #FFF;
}
#nav li ul {
background: #202020;
position: absolute;
width: 210px;     <=====SEE========>
left: -999em;
margin-left: -1px;
}
#nav li ul ul {
margin: -27px 0 0 195px;
}
#nav ul li li:hover, #nav ul li li.hover {
position: static;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li.sfhover ul {
left: 3px;
}
#nav li li:hover ul, #nav li li li:hover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: 0;
}


Should fix it..

[webcheck]

Thanks, but it is not the Problem, same thing??

My Forum is offline, so i got no Link sorry

[Crip]

That is the only fix for overlap on Drop Menu Items..works for everyone else?

[Maxx]

If we could see your site we can tell if there is a mistake in the code causing the bread crumbs, you changed the links and the names are longer than normal so they will read over the next line, you try to use slag or abbreviations in you language!

or reduce padding or expand the drop down area in px!



regards,
maxx

[webcheck]

Yes, you right, it was the Text - it was ti long!

Sorry for the time you spend for me.

THX

[Crip]

not a problem bro'