Return to previous page

Change colour of floating menu bar - by umair

This topic has 6 replies, 2 voices, and was last updated 8 years, 4 months ago ago by Olga Barlow

umair

Participant

September 3, 2016 at 18:32

Hi,

I just purchased Xstore theme. I have couple of problems..

I want to change the floating menu bar background colour, I want it black with the text and cart buttons being white.. Is that possible?
please see screenshot: http://imgur.com/a/7pQSK

Also, I am using framed layout.. but it makes the boxes below slider like ‘gateway gold’ hide in the white borders.. is there any fix for that?

#138781 Copied Theme version: latest WooCommerce version: latest

5 Answers
Olga Barlow

Support staff

September 5, 2016 at 10:45
Hello,

1) Go to Theme Options > Styling > Custom CSS add the following code:
```
.fixed-header {background: #1a1a1a;}
.menu-wrapper .menu > li > a, .fixed-header .navbar-header .et-wishlist-widget a, .fixed-header .header-search.act-full-width .search-btn, .fixed-header .shopping-cart-widget a { color: white;}
.menu-wrapper .menu > li > a:hover {color: #8a8a8a;}
```
2) Add You may add left/right 20px padding for the row with banners to fix the problem.

Regards
#138866 Copied
umair

Participant

September 5, 2016 at 11:18

Hi,

thank you for kind reply.

For the #2 problem.. do you mean in the css file? I mean in the core theme css file or custom css? If core css file, then which one and what is the name of the css block for that banners?

#138878 Copied

Olga Barlow

Support staff

September 5, 2016 at 12:34

Hello,

No, go to Pages > edit page > edit Row settings and go to Design Options tab http://prntscr.com/cectot

Regards

#138897 Copied

umair

Participant

September 5, 2016 at 23:12

Hi,

thank you for that.. It really helped.

Last thing, I changed the colour of the top bar menu black.. However, on mobile, the menu icon is black, so it is not visible.. can you please tell me where it is located so that I can change it to white.. or how to change it colour to white..
please see this screenshot: http://imgur.com/a/ow4Db

Please let me know.
I’ll appreciate your reply.

Regards

Please, contact administrator
for this information.

#138939 Copied Theme version: latest WooCommerce version: latest

Olga Barlow

Support staff

September 6, 2016 at 09:18

Hello,

Add the following code

.fixed-header .navbar-toggle .icon-bar {background-color:#fff;}

Regards

#138967 Copied
Viewing 6 results - 1 through 6 (of 6 total)