0

i have customize the css to change the color of menubar for my magento website, it is working fine for google chrome and mozila firfox but in safari browser menubar color is showing white it don't know what is the problem. here is my site http://www.flirtwithhair.com/classic/

my css code after changes

.nav-container {
    background: linear-gradient(to bottom, #940c94 0%, #f4f1f1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #eae5e4;
}

changes done : #ffffff to #940c94

closed as too broad by Keyur Shah, Moose, Marius Apr 30 '15 at 6:43

Please edit the question to limit it to a specific problem with enough detail to identify an adequate answer. Avoid asking multiple distinct questions at once. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.

  • This does not belong here as it has nothing to do with Magento directly. – pspahn Apr 29 '15 at 18:09
3

Try to add -webkit property

.nav-container {
    background: -webkit-linear-gradient(to bottom, #940c94 0%, #f4f1f1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: linear-gradient(to bottom, #940c94 0%, #f4f1f1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #eae5e4;
}

Not the answer you're looking for? Browse other questions tagged or ask your own question.