• Hello,

    I have 3 problems please :

    Menu on PC (1 problem)

    I follow your advices here:

    https://ww.wp.xz.cn/support/topic/different-primary-menu-background-color-is-displayed-on-different-pages-why/
    http://docs.themeisle.com/article/477-change-shopisle-header-menu-color

    But it don’t change the color blackground of the drop down menu.

    Then I have 2 problems with the mobile view :

    I follow your advices here (for mobile)
    http://docs.themeisle.com/article/611-change-shopisle-menu-colors-on-mobile

    But the background is still black and we don’t see the navbar menu (thes line where we have to click to see the menu). Without that a visitor can’t find the menu so it’s a problem

    I put an example here
    Mobile menu

    Global CSS code

     .page nav.navbar.navbar-custom { 
        background: #757575 !important;
    }
    
    .navbar-cart .glyphicon-search:before {
        color: #8e1c1c; font-size: larger;
    }
    
    .navbar-cart span.icon-basket {
        color: #8e1c1c;
    }
    
    .single-product .product_title, .shop-item-title a {
        color: #8e1c1c;
    }
    
    .navbar-custom .nav li > a {
        color: #8e1c1c; font-size: larger;
    }
    
    .navbar-custom {
        background: #757575 !important;
    }
    
    nav.navbar.navbar-custom { 
        background: #757575 !important;
    }
    
    .navbar-cart .glyphicon-search:before {
        color: #8e1c1c; font-size: larger;
    }
    
    .navbar-cart span.icon-basket {
        color: #8e1c1c;
    }
    

    Mobile CSS code

    .navbar-custom .navbar-toggle .icon-bar{
    background: #757575 !important;
    }
    
    .navbar-fixed-top .navbar-collapse{
    background: #757575 !important;   
    }
    
    

    Can you help me please?

    Thanks a lot

    Regards,
    Jessy

    • This topic was modified 8 years, 3 months ago by jessyweb.
    • This topic was modified 8 years, 3 months ago by jessyweb. Reason: add code css
    • This topic was modified 8 years, 3 months ago by jessyweb.
    • This topic was modified 8 years, 3 months ago by jessyweb.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi Jessy,

    It seems like it is happening because of the custom code used here. Remove the following code and then check it:

    .navbar-custom .navbar-toggle .icon-bar{
    background: #757575 !important;
    }

    Regards

    Thread Starter jessyweb

    (@jessyweb)

    Hello Vishakha

    Thanks for your answer. This resolved on of my problem.
    But in the mobile version, the menu is black now.
    Do you know why?

    And their is still the drop down menu background which is black.
    An idea please ?

    Then it will be ok !

    Regards,
    Jessy

    • This reply was modified 8 years, 3 months ago by jessyweb.
    AC

    (@purplecodes)

    Themeisle Support

    Hello Jessy,

    Thank you for reaching out.

    The menu background for ShopIsle theme is black by default.
    See screenshot from the demo — > https://prnt.sc/i9r4p0

    Let us know if there is anything else we can help you with.

    Thread Starter jessyweb

    (@jessyweb)

    Hello purplecodes

    Yes but i don’t find how we Can change this. I have follow the process but it don’t work.
    Do you know why?

    Regards
    Jessy

    Same thing happened to me. Any solution on this?

    Somehow i felt it’s triggered by bootstrap or something as every time i wanted to edit it through inspect element, it shows that the code present not in .css file, but in the php page instead.

    Hi @jessyweb,

    I think global CSS and mobile CSS are conflicting. Please remove your existing CSS code temporarily and change color codes only according to this document: https://docs.themeisle.com/article/611-change-shopisle-menu-colors-on-mobile.

    @harrion It should work for you too. However, if you still have any problem I request you to start a new thread with your site URL.

    Hi @vishakha

    Well I think that the problem persist even using your recommendation (thanks for that by the way)

    All custom codes removed, following the codes on the link you gave us, saving but nothing, it doesn’t work…

    Any clue?

    I was thinking that for real it is something to do whit the bootstrap but I haven’t found the solution

    Hi There,

    As I said, please raise a new thread as continuing here for multiple websites will create more confusion for readers.

    Ideally, this code should work to change the background color on desktop:

    nav.navbar.navbar-custom { 
    	background: #167ac6 !important;
    }
Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘[Shopisle] Drop down menu & mobile menu’ is closed to new replies.