Social Media Bar – Mobile

Hello @jacorconstruction ,

I have checked your site but there are no social media icons on the mobile version of the site.
Have you removed it from the view?

kind regards,
Kasia

Yes, I had hid it from Mobile because of it being horizontal but now I have set the setting back to how they were… Do you see it now? It is not loading for me on my iPhone….

Thank you,
Samantha

Hello there @jacorconstruction

Hope you’re doing well today! ??

Please add the following CSS rules in Appearance -> Customize -> Additional CSS:

.hustle-shares-floating {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.hustle-shares-floating .hustle-social-icon {
  margin-right: 0;
  margin-bottom: 15px;
}
.hustle-shares-floating .hustle-social-icon:last-child {
  margin-bottom: 0;
}

Warm regards,
Dimitris

Thank you for this code, Dimitris! This helped with making the social media bar go vertical on Mobile but the Youtube icon seeems to be stretched? Any insight on that?

Greatly appreciate your help!

Hi Dimitris,

I am not sure if you saw my previous reply but I did not mean to mark this as resolved. The issue with the social media bar being horizontal on mobile has been fixed but now the bottom logo (Youtube) expands and makes it disproportionate. Is there another snippet of code I need to fix this as well?
Thank you!

Hello @jacorconstruction

I hope you are doing well!

I appologize fo rlate reply. Please change this CSS

.hustle-shares-floating .hustle-social-icon:last-child {
  margin-bottom: 0;
}

With this

.hustle-shares-floating .hustle-social-icon:last-child {
  margin-bottom: 15px;
}

Let us know how it went!

Cheers,
Nastia

Closing this topic due to recent inactivity.
Feel free to post back any update or create a new topic and we’ll be glad to carry on troubleshooting. ??

Thank you,
Dimitris