Return to previous page

Topic: change colour of floating menu bar

umair

Participant

September 3, 2016 6:32 pm

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?
Theme version: latest
WooCommerce version: latest

#138781 copied to clipboard

Like
Olga Barlow

Support staff

September 5, 2016 10:45 am
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 to clipboard

Like
umair

Participant

September 5, 2016 11:18 am

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

Like

Olga Barlow

Support staff

September 5, 2016 12:34 pm

Hello,

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

Regards

#138897 copied to clipboard

Like

umair

Participant

September 5, 2016 11:12 pm

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
Theme version: latest
WooCommerce version: latest

Content is visible for topic creator and
support staff only.

#138939 copied to clipboard

Like

Olga Barlow

Support staff

September 6, 2016 9:18 am

Hello,

Add the following code

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

Regards

#138967 copied to clipboard

Like