Sticky social whatsapp always visible like mouseover

I want to the logo and the name of whatsapp always is visible like mouseover. I want only this sticky social, the others not (facebook, twitter, etc) I used

`.woodmart-sticky-social .woodmart-social-icon {
display: block;
width: 150px;
}

But it dont work only in whatsapp button

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.whatsapp-desktop.woodmart-social-icon.social-whatsapp {
	display: inline-block;
}

Best Regards.

Thank you! 1. Now I want this whatsapp button to appear on the right side, while the other buttons are on the left side.

2. How can i move the sticky social buttons from up or down.

Hello,

You are Most Welcome.

1) Sorry but you cannot move only one icon to the right side leaving the others on the left.

2) To move the position of the icons try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.woodmart-sticky-social {
top: 50%;
}

You can adjust the value according to your needs.

Regard’s.
Xtemos Studios.

[Author]

Posts