Return to previous page

Adjust column width in full-width menu item dropdown

This topic has 4 replies, 2 voices, and was last updated 9 years, 4 months ago ago by Jack Richardson

  • Avatar: aggiemullaney
    aggiemullaney
    Participant
    September 17, 2015 at 05:18

    hey there – I’m trying to use the full width dropdown menu design with 4 columns and one of the menu items is longer than the rest and it takes up two lines, which makes the rest of the menu items bump down leaving a gap between the rows. Is there custom css or anything to make the columns just a little bit wider?

    Thanks in advance.

    #87394 Copied Theme version: 1.3 WooCommerce version: 2.4.6
    3 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 17, 2015 at 06:12

    Hello,

    Please provide us with WP Dashboard credentials in private content.

    Best regards,
    Jack Richardson.

    #87401 Copied
    Avatar: aggiemullaney
    aggiemullaney
    Participant
    September 22, 2015 at 18:03

    Here’s the login info for the site in order to check the column width.

    Please, contact administrator
    for this information.
    #88679 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 23, 2015 at 07:07

    Hello,

    I’ve added this code in 8Theme Options > Styling > Custom CSS > Custom CSS for Desktop:

    .menu .item-design-full-width .nav-sublist-dropdown ul > li > a {
    width: 200px;
}

    Please check menu now.

    Best regards,
    Jack Richardson.

    #88722 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Zoo Shop – WooCommerce Theme
lazy-placeholder
Typography – WordPress WooCommerce Theme
lazy-placeholder
Poster – WooCommerce Theme
lazy-placeholder
Wedding – WordPress Theme
lazy-placeholder
Kidsstore – WooCommerce Theme
lazy-placeholder
Meeting – WordPress Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Flowers Store – WordPress WooCommerce Theme
lazy-placeholder
Medical 02 – WordPress WooCommerce Theme
lazy-placeholder
Interior Store – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.