Hi,
In Woodmart 6.1 update we added header and mobile menu elements to the automatic CSS generator which load parts of CSS styles only for elements which is placed on page. Since in that case, some styles are loaded dynamically, they are loading after child theme styles. Having custom CSS code selectors with same specificity as theme selectors make styles placed below advantage over others.
To remove style order advantage, custom CSS code selector need to have a higher specificity. In that case, body tag at the beginning will be enough. Here is example how to make your custom selectors specificity higher than theme style ones:
OLD .wd-nav-mobile>li>a
NEW body .wd-nav-mobile>li>a
OLD .mobile-nav .searchform input[type=text]
NEW body .mobile-nav .searchform input[type=text]
More about CSS specificity can be found here (https://css-tricks.com/specifics-on-css-specificity/).
If you don’t want to use automatic CSS generator, you can turn it off by enabling “Combine CSS files” option in Theme Setting => Performance => CSS (https://monosnap.com/file/ugxT4XxSYu3ne0gZUrO2WpOb7b6dSI)
Kind Regards
.
