[Resolved] Submenu width

Home Forums Support [Resolved] Submenu width

Home Forums Support Submenu width

  • This topic has 32 replies, 7 voices, and was last updated 7 years ago by Leo.
Viewing 15 posts - 1 through 15 (of 33 total)
  • Author
    Posts
  • #66515
    Johan Falkbrink

    I was wondering how to change the width of the menu has a few words that are longer so they are broken in half ??

    #66530
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    This CSS should work:

    .main-navigation ul ul {
          width: 200px;
    }

    200px is the default, so you can increase that as you like.

    #66597
    Johan Falkbrink

    Thanks…

    #66600
    Tom
    Lead Developer
    Lead Developer

    You’re welcome πŸ™‚

    #103751
    John MacKenzie

    hi tom

    this css doesnt appear to work for me if i have the menu on the left (it doesnt change anything) for the submenu, and having trouble using the chrome css inspect since it wont stay on a hover menu πŸ™‚ to figure it out myself.

    thanks!

    #103912
    Tom
    Lead Developer
    Lead Developer

    Do you have a link that I can check it out at? πŸ™‚

    #104119
    John MacKenzie

    Hi Tom

    he site is password protected right now, I can email you the info though if you drop me a line

    thanks!

    #104206
    Tom
    Lead Developer
    Lead Developer

    Can you send me the link to support@generatepress.com?

    Thanks!

    #104228
    Tom
    Lead Developer
    Lead Developer

    Ah, for sidebar widgets, this CSS will work:

    .widget-area .main-navigation ul ul {
          width: 200px
    }
    #104368
    John MacKenzie

    thanks! and just to note the missing ; for anyone else needing this

    .widget-area .main-navigation ul ul {
          width: 200px;
    }
    #104395
    Tom
    Lead Developer
    Lead Developer

    Thanks! πŸ™‚

    #160411
    pablo

    Hello Tom,

    I have same problem, but for “SubMenu” or “Secondary Menu”
    How can I make SubMenu more width?
    Secondary Menu Width

    Thank you!

    #160438
    pablo

    I modified the CCS as below, but it only increased “Menu” Width, not of “Sub Menu” Width.

    }
    .main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    position: absolute;
    top: 1.5em;
    left: 0;
    z-index: 99999;
    width:250px;
    text-align:left;
    }

    #160447
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Try this for the secondary menu:

    .secondary-navigation ul ul {
        width: 250px;
    }

    Adding CSS: https://generatepress.com/knowledgebase/adding-css/

    #160452
    pablo

    YES!!! Works! Thank you Tom!!!

Viewing 15 posts - 1 through 15 (of 33 total)
  • You must be logged in to reply to this topic.