Menu not transparent as written in CSS

Hello,
We are updating some images on our website. Our theme originally had a top menu that was transparent on load, and then had a white background on scroll. We asked them to change that with additional CSS to just white due to the image we originally had. However, with the new image, we would like to go back to the transparent menu. I edited the CSS from #fff to transparent, but nothing changed. I think it may have to do with the float: none, but I’m not sure. Any help would be appreciated. Here is the CSS:

html[data-menu=leftalign] #menu_wrapper {
    float: none;
    display: flex;
    text-align: center;
}
#menu_wrapper div .nav li.megamenu ul {
    max-width: 300px;
}
#menu_wrapper div .nav li.megamenu ul li > a {
    display: block !important;
    color: #545454;
}
#menu_wrapper div .nav li.megamenu ul li > a:hover {
    color: #71042c;
}
.home #menu_wrapper div .nav li.megamenu ul li > a {
    color: transparent;
}
.scroll #menu_wrapper div .nav li ul {
    background: transparent;
}
.scroll #menu_wrapper div .nav li.megamenu ul li > a {
    color: #545454;
}
.scroll #menu_wrapper div .nav li.megamenu ul li > a:hover {
    color: #71042c;
}
#menu_wrapper {
    position: absolute;
    width: 100% !important;
    margin-left: 0 !important;
    max-width: 1245px;
}
.ti-menu::before {
    font-size: 20px;
}
.header_style_wrapper {
    z-index: 999;
}

• This topic was modified 5 years, 11 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

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