Change colour of floating menu bar - by umair

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

  • Avatar: umair
    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?

    5 Answers
    Avatar: Olga Barlow
    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

    Avatar: umair
    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?

    Avatar: Olga Barlow
    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

    Avatar: umair
    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.
    Avatar: Olga Barlow
    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

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.