dropdown menu width

• 

  lufttirol · Member · May 17, 2017 at 9:20 am

  • Copy link
  • Add topic to favorites

  hallo,
  i would like to edit the width of the dropdown menu.
  it should display every single menu item in one line.
  i’m using the libre 2 theme.
  thank you for your help!

  The blog I need help with is: (visible only to logged in users)

• 

  otpidusprime · Member · May 17, 2017 at 9:44 am

  • Copy link

  Hello @bvr400
  You will need to customize your CSS codes in order to do that.

  Customizing CSS is a part of the paid WordPress.COM Premium and Business plans. So if you are on any one of these plans, you can use these CSS codes to increase the width of the dropdown menu.

  i. First increase the width of the dropdown container

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

  ii. And then increase the width of the individual dropdown menu-items

  .main-navigation ul ul li {
      width: 280px;
  }

  More information about editing CSS can be found here:
  https://en.support.wordpress.com/custom-design/editing-css/

  Hope these help 🙂