Return to Support

Submenu width

Home Forums Graphene WordPress theme Support Submenu width

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #6133
    alexiarr
    Member

    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>

    #33467
    alexiarr
    Member

    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.

    #33468
    alexiarr
    Member

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

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.