I am experiencing issues with the Social Share and Countdown add-ons.
Social Share: this add-on is not functioning properly when placed in a module. Additionally, I would like to request a change of the Twitter icon to an "X" icon. Could you please advise on how to resolve these issues?
Countdown: the add-on does not display horizontally in the mobile version. Could you assist with this matter?
Mob
PC
Thank you in advance for your help!
Best regards,
Genadijs
You're very welcome! Honestly, it feels great to hear that you were able to solve it on your own. Have a wonderful day!
Please mark the most helpful solution as accepted to close the post. Thank you!
I found a solution on your forum for the Countdown Addon. The CSS code helped me, but I couldn't find a solution for the Social Share.
Countdown addon is now displayed in one line for mobile:
.sppb-countdown-timer > .sppb-col-sm-3 {width: 25% !important;}Hi Genadijs,
Thank you for reaching out! I've added the following custom CSS to the style tab of the social icon:
#addonId ul{
display: flex;
}Here’s a preview: https://prnt.sc/D1U8jvpbfzGv
If you have any further questions or need assistance, please feel free to let me know.
Best regards
Thank you for your quick reply. Now the social share is in one line but I wanted to put it on the right side, I added the code, everything worked out but the title on the right does not move.
justify-content: flex-end;
How can I move the title to the right?
Please apply the following CSS:
#addonId .sppb-addon-title{
width: 100%;
text-align: end;
}You can also use text-align: start; or text-align: center; as alternatives.
Best regards.
Thank you very much, now everything looks great. Tell me if the Twitter icon will be replaced with an X?
Please follow the steps in the documentation:
How to Use the New X (Twitter) Icon: https://www.joomshaper.com/documentation/helix-framework/customization-tips#how-to-use-the-new-x-twitter-icon
Let me know if this resolves your issue. Thanks!
Wow! Super, I did it! Thank you for your help!