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, 3 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
Glasses Store – WordPress WooCommerce Theme
lazy-placeholder
Grocery Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Legenda – WooCommerce WordPress Theme
lazy-placeholder
Transport – WooCommerce Theme
lazy-placeholder
Online Courses – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille04 – WordPress WooCommerce Theme
lazy-placeholder
Water Delivery – WordPress WooCommerce Theme
lazy-placeholder
Flowers Store – WordPress WooCommerce Theme
lazy-placeholder
Cocktails Store – WordPress 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.