[Anonymous]

Anonymous

#6133

Hello all,

I’m having again troubles with menu.

I’m using custom menu with graphene theme. I have already create a child, but I didn’t perform any modification in the header.php or theme-menu.php.

I create a custom menu with several items and subitems. The problem is that the submenu items has a width of 5 and the text goes out of the box. I’ve tried to change the width in css but it is always override by some strange style.

I’m working on local, and I don’t have an online server yet.

Wordpress version: 3.4.2–es_ES

Graphene version: 1.8.2

To give you more details that is how the source code when seein the page looks like:

<ul id="header-menu" class="menu clearfix grid_12"><li id="menu-item-107" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="http://localhost/wordpress/?cat=5"><strong>Apuntes</strong></a></li>

<li id="menu-item-105" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-ancestor"><a href="http://localhost/wordpress/?cat=4"><strong>Entrenamientos</strong></a>

<ul class="sub-menu">

<li id="menu-item-112" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="http://localhost/wordpress/?cat=8">Resistencia</a></li>

<li id="menu-item-116" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="http://localhost/wordpress/?cat=7">Velocidad</a></li>

<li id="menu-item-110" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="http://localhost/wordpress/?cat=10">Fuerza</a></li>

<li id="menu-item-114" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="http://localhost/wordpress/?cat=11">Táctica</a></li>

<li id="menu-item-109" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="http://localhost/wordpress/?cat=13">Acciones a balón parado</a></li>

<li id="menu-item-111" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="http://localhost/wordpress/?cat=14">Juegos psicomotrices</a></li>

<li id="menu-item-113" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="http://localhost/wordpress/?cat=15">Sesiones completas</a></li>

</ul>

</li>

<li id="menu-item-106" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="http://localhost/wordpress/?cat=3"><strong>Blog</strong></a></li>

<li id="menu-item-115" class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="http://localhost/wordpress/?cat=12"><strong>Técnica</strong></a></li>

</ul>

[Anonymous]

Anonymous

#33467

And this is the style saw by Firebug:

#header-menu ul li a {

width: 5px;

}

/wordpress/ (línea 31)

#header-menu ul li a {

color: #000000;

padding: 10px;

width: 180px;

}

style.css (línea 663)

#nav a {

display: block;

}

Here how it looks:

Menu width error

Thank you very much in advance.

[Anonymous]

Anonymous

#33468

Now working. But not sure what I have done to solve it.