Problem with Menu & Social Share

Hi Team,

1) How to change menu text hover color? eg: https://imgur.com/a/FskMpul

2) The menu item showing aligned to the right while loading the page, once the page load is over its getting left-aligned eg: https://imgur.com/a/Ndvl9cr https://bit.ly/2Tjdrxc

how can we permanently align to left ?

3) How to change social share button styles in the product page to the one in the blog posts eg: https://imgur.com/L6AfOP1

Thank you

Hello,

1. This color is set in the Theme Settings > Styles and colors > Primary color. If you do not want to change it, add this code to the Theme Settings > Custom CSS > Global.

.whb-secondary-menu .item-level-0>a:hover {
    color: #000!important;
}

2. The styles of the site are loaded asynchronously to decrease the loading site time, as a result, the menu is finally loaded correctly.

Social icons CSS:

body.single .icons-design-default .woodmart-social-icon.social-facebook {
    color:#000080!important;
}
body.single .icons-design-default .woodmart-social-icon.social-twitter {
    color:#00FFFF!important;
}

body.single .icons-design-default .woodmart-social-icon.social-whatsup {
    color:#00FF00!important;
}
body.single .icons-design-default .woodmart-social-icon.social-email {
    color:#00FF00!important;
}
body.single .icons-design-default .woodmart-social-icon.social-pinterest{
    color:#00FF00!important;
}
body.single .icons-design-default .woodmart-social-icon.social-tg {
    color:#00FF00!important;
}

Set the colors as per your needs.

Best Regards

[Author]

Posts