Return to previous page

Adjust column width in full-width menu item dropdown

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

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

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

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
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

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Customization service (hour)

lazy-placeholder

Transport – WooCommerce Theme

lazy-placeholder

Organic Store – WordPress WooCommerce Theme

lazy-placeholder

Mobile Store – WordPress WooCommerce Theme

lazy-placeholder

Barbershop – WordPress WooCommerce Theme

lazy-placeholder

Lingerie Store – WordPress WooCommerce Theme

lazy-placeholder

Tea Store – WordPress WooCommerce Theme

lazy-placeholder

Underwear Store – WordPress WooCommerce Theme

lazy-placeholder

Sidebar Boxed Store – WooCommerce Theme

lazy-placeholder

Man 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.