Hello,
For some reason the sidebar widget is left-aligning in mobile, even though the CSS of the widget is set to center within tagdiv composer. You can see an example here (scroll down nearer the end for the advertisement): https://rareparenting.com/books-for-children-about-disability/. Usually in these situations it seems I have to add CSS to the Live CSS within the Editor.. could you let me know what to add in order to ensure the widgets center align? Or is it something else?
Thanks!
Hello Megan!
Can you please provide some screenshots of what exactly you mean?
Thank you!
Hello Megan!
Try to add a margin left in the CSS tab of that element and adjust it.
Thank you!
Hi Bettina,
Adding a margin to the widget didn’t change anything.
Hello Megan!
If you will center the text align: https://prnt.sc/QbJP64dGCKWf then the ad will be centered as well.
Thank you!
Thanks, Bettina, how did you do that? There doesn’t seem to be a text align option in tagdiv, just the H.align (which is already centered).
Hello Megan!
You can add this CSS in the live CSS:
.td_block_wrap {text-align:center!important;}
Thank you!
Hi Bettina,
That code actually centered all things on the page (headers, titles, bylines, social, etc).
Hello Megan!
Try it like this:
.wpb_wrapper.td_block_wrap.vc_widget_sidebar{text-align:center!important;}
I hope that helps you!
Thank you!
Hi Bettina, unfortunately that didn’t work. :/
Hello Megan!
Please contact us via email at contact@tagdiv.com and provide the following:
– admin url and credentials
– a link to this topic in order to identify you
We will take a look and try to help you asap.
Thank you!
OK, thanks, I’ve emailed.
