On mobile, the bottom sharing text is hidden. How can I show the text “Share” on mobile? I used
.td-social-google {
display:none!important;
}
}
to hide Google Plus sharing, so there should be enough space to show the text.
Thanks for your help!
Hello,
You can add this code in the theme panel->custom css box:
@media (max-width: 1018px){
.td-pb-span8 .td-with-like .td-post-share-title {
display: block!important;
float:left;
}}
Thank you!
Hi Bogdan,
thanks for your inspiration, I modified the code a bit and it worked perfectly!
@media (max-width: 767px) {
.td-post-share-title {
display: block!important;
font-weight: 700;
font-size: 12px;
float:left;
padding-left:5px;
padding-top:5px;
}
}
Didn’t work for me at https://diarioanticipos.com
I want to see the SHARE TEXT in mobile too.
How can I do that?
The “!important” has an exclamation in the CSS code.
Hi dhcosta,
Please use this custom css
@media (max-width: 767px){
.td-ps-big .td-social-share-text {
display: inline-block;
}
}
https://www.screencast.com/t/1ZsaJqJN
Hope this will help you.
Thanks.
AWESOME! That works just fine. Thanks a lot for your time, Calin.
Hello,
How to make it work with Cloud template post?
Thank you!
Hello,
How to make it work with Cloud single post template use with tagDiv CSS Analyzer?
Thank you!
Hello!
For cloud template, you will have a setting in this element in Composer: https://www.screencast.com/t/OfMCBJRXLXL
You can enable on desktop and mobile too.
Thank you!
