Return to previous page

Edit sticky nav and menu dropdowns. - by websol

This topic has 4 replies, 3 voices, and was last updated 8 years, 4 months ago ago by Robert Hall

websol

Participant

November 28, 2015 at 07:19

I would like to edit sticky nav colours – bg and actual text.

I would also like to know how to edit menu drop downs, right now it is white and very wide. I would like the background black, same as the mobile responsive style.

Thank you

#101738 Copied Theme version: latest WooCommerce version: latest

3 Answers
Jack Richardson

Support staff

November 28, 2015 at 09:47
Hello,

To change background color of fixed header add this code in Global Custom CSS:
```
.fixed-header-area {
    background-color: black;
    border-bottom: 1px solid black;
}
```
To change background color for drop down menu use this css code:
```
.fixed-header-area .menu .nav-sublist-dropdown ul {
   background-color: black;
}
.fixed-header-area .nav-sublist-dropdown {
    margin-top: 0;
    border: 1px solid black !important;
}
```
Best regards,
Jack Richardson.
#101755 Copied
websol

Participant

November 30, 2015 at 03:03

Hi,

This has not worked. The drop down is still the same as it was? Thanks.

#101867 Copied
Robert Hall

Support staff

November 30, 2015 at 15:09
Hello,

Please try this code in Global Custom CSS.
```
.menu .nav-sublist-dropdown ul {
   background-color: black;
}
.nav-sublist-dropdown {
    margin-top: 0;
    border: 1px solid black !important;
}
```
Regards,
Robert Hall.
#101958 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

NFT Crypto Marketplace – WordPress WooCommerce Theme

lazy-placeholder

Cleaning – WordPress WooCommerce Theme

lazy-placeholder

Beauty – WooCommerce Theme

lazy-placeholder

Artmaxy Store – WordPress WooCommerce Theme

lazy-placeholder

Royal – WooCommerce WordPress Theme

lazy-placeholder

Interior Store – WooCommerce Theme

lazy-placeholder

Home Decor 02 Store – WordPress WooCommerce Theme

lazy-placeholder

Furniture Store 03 – WordPress WooCommerce Theme

lazy-placeholder

Ecoenergy – WordPress WooCommerce Theme

lazy-placeholder

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