Team Carousel Social Icons Problem

[alexkox]

Hi!

I have a problem with the team carousel’s social icon. I’ve placed so far 5 members and some of their social icons. As I hover from the left far team member to the right, social icons seems to move also to the right. I’ve made a collage of the team:

In addition, I can’t seem to get the team carousel to have spaces among the members, as you do in your site. And I apologize but I don’t recall if I made any changes in the css, or a php file!

Thank you!
Alex

[Rui Guerreiro – SUPPORT]

Hi,

It seems you have an error caused by a plugin that could also affect the carousel functions.

Can you disable all plugins except Woocommerce and try again to see it the same thing happens?

-Rui

[alexkox]

Hi Rui and thank you for your reply!

I deactivated ALL plugins but Woocommerce. No change at all.

Alex

[Mohammad – SUPPORT]

Hi,
Woocommerce upcoming product plugin is cause to issue so please deactivate it and check after clear the cache of browser.
Thanks
Mohammad

[alexkox]

Hi Mohammad!

I deactivated the plugin, but the problem still persists. I let the plugin deactivated, so you can see it by yourself. Please visit again https://originsofaudio.com/
Edit: I’ve also cleared my cache.

Regards,
Alex

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.team-member figcaption ul.social-icons{
float: left !important;
}

Thanks
Mohammad

[alexkox]

Hi Mohammad!

Sorry for asking, but where exactly to I copy this?

In addition, I found out that changing the LENGTH of the carousel, as well as the image for every team member, is fixing the problem. But again, I need to know WHERE to change these variables, as all the changes you see on the attached image, were made on google chrome (inspect element). Can you confirm that this was the actual problem? IMO I don’t believe that a float to the left could really fix the problem (as I didn’t mess with the floating)

Regards,
Alex

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please paste this code at Admin -> Theme Options -> Custom CSS/JS -> custom css.
Thanks
Mohammad

[alexkox]

I did that and and the problem was solved, in the sense that all the icons moved the left.
But is there a way to fix this problem in a normal way, other than this patch?

How can i change the width of the team member, as well as the width of the team carousel?

Thank you,
Alex

[Mohammad – SUPPORT]

Hi,
Resize the width of team members will create issues at many other devices.
Thanks
Mohammad

[alexkox]

Hi.

Thank you.
Is there another way to fix this problem OR see what is causing it?

Alex

[Mohammad – SUPPORT]

Hi,
Just provide me login detail to check and resolve.
Thanks
Mohammad