Return to previous page

Modify the Top Bar - by fabiomb - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 6 years, 7 months ago ago by Rose Tyler

fabiomb

Participant

March 8, 2018 at 20:18

I have two issues

1) The Top Bar, can i fix it like the whole header? When you scroll (xstore header style) the top bar with the user login and extra data dissapears, i want to keep it (probably i need some css code to fix it)

2) The second problem is the hover color, i have color and hover color for the menu items but, were is the option to change the top bar colors? I only can change the background color or if it is white or black, but not the hover color

Testing url for reference: https://site.interactivityagencia.com/helioday/home-v2/

#187617 Copied

3 Answers
Rose Tyler

Support staff

March 9, 2018 at 10:18
Hello,

1. You can add this code in Theme Options > Styling > Custom css:
```
.top-bar {
     position:fixed;
     width:100%;
     z-index: 4;
}
.header-wrapper .container-wrapper, .fixed-header {
     margin-top: 3rem;
}
```
2.
```
.top-bar  a:hover {
    color: black !important;
}
```
Regards
#187664 Copied
fabiomb

Participant

March 9, 2018 at 15:05

thank you very much! i only had to add the !important tag in the first option and it worked fine!

#187736 Copied

Rose Tyler

Support staff

March 9, 2018 at 15:10

Great. You’re welcome!

Regards

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

The issue related to '‘Modify the Top Bar’' has been successfully resolved, and the topic is now closed for further responses

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Kids Store – WooCommerce Theme

lazy-placeholder

Niche Market – Multivendor WP WooCommerce Theme

lazy-placeholder

Tea Store – WordPress WooCommerce Theme

lazy-placeholder

Jewellery Niche Market – Multivendor WP WooCommerce Theme

lazy-placeholder

Business – WordPress WooCommerce Theme

lazy-placeholder

Gaming – WooCommerce Theme

lazy-placeholder

Kids Store – WordPress WooCommerce Theme

lazy-placeholder

Pub – WordPress Theme

lazy-placeholder

Luxury Jewelry Store – WordPress WooCommerce Theme

lazy-placeholder

Legenda – WooCommerce WordPress 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.