hello, team tagdiv,
my website is anangpal.com and I want’s social counter full width on the mobile screen. Please check my website it full width on the desktop but not on the mobile screen.
please suggest me what I have to do.
Hi,
Rows have a default padding on mobile. You could try something like this. First set a custom class of your choosing for the row containing the counter (so other rows will not be affected)
– https://www.screencast.com/t/LmtoeTf4aL
Then use a code like this in Theme panel->Custom CSS it should work
– https://www.screencast.com/t/RBnVWVK6ce
.td-stretch-content .myclass {
width: 112%;
margin-left: -24px;
}
is it responsive for all devices .. because it showing some space on the right side? how can we sat it on full width?
Try this one it will work better
.td_block_social_counter {
margin-left: -20px;
margin-right: -20px;
}
not change any thing
The code seems to work, the counter is how you wanted it
– https://www.screencast.com/t/xpyPnJ460p
there is white space on right side. I using iPhone x and it showing me white space. check this screenshot.
https://anangpal.com/wp-content/uploads/2018/03/fullsizeoutput_383.jpeg
I tested as well on iPhone x, there is no problem on my end, see here
– https://www.screencast.com/t/1tGwMuC6A
Also tested with the browser emulator for multiple devices, the solution seems to work as expected.
