Question 1: Any thoughts why this might be happening?
I’m decently familiar with WordPress. I have cleared W3 Total Cache, cleared the browser cache, closed the browser, etc., but nothing has worked.
Question 2 (nearly related):
I made a row with 3 columns.
For a desktop, I’d like the 3 items close together, so I used “right, center, left” alignment.
But for a mobile device, it obviously looks strange having “right, center, left” alignment on top of each other. What is the work around for this?
Thank you!
Edit: For Question 2, in the TagDiv Composer, the elements are centered, but on an actual Android device, they are not. #scratchingmyhead
Hi,
1. Please make sure that you set the shortcode in column text in text editor https://www.screencast.com/t/5TQjYLn7
Also please check the shortcode to see if is valid, or maybe the plugin that provide the shurtcode, may not be compatible with our theme.
2.Please provide a link were I can inspect this problem , in this way I will be able to provide you the right answer.
Thank you for your understanding!
Thank you for your reply.
Regarding 1., I did what you suggested and haven’t used any shortcode.
Thank you so much for your continued support!
Hi,
1. Please provide some more details and some screenshots or a link were I can inspect this problem.
2. If this is what you need -> https://www.screencast.com/t/HpEsFQQh
You can use this custom css
.wpb_text_column p {
text-align: center;
}
.wpb_wrapper .tdm_block_icon i {
width: 100%;
text-align: center;
}
Set the css in Newspaper>Theme panel>Advanced css>Phones
-> https://www.screencast.com/t/GfyeT7Faw
Thanks.
Okay, I tried something different because I wanted to use different images. But now I can’t get the image to center on the mobile version.
I tried setting the image element “Image alignment” to “center,” but it didn’t work.
Then I tried setting the column element “H. align” to “center,” that didn’t work either.
Thoughts? Why is this simple functionality not working?
Hi,
That depends what element are you using, if those are flex then you can set them on all devices, if that are image/ blocks those do not have individual settings for each device and you’ll need to use custom css.
For some elements you need to add an extra class and set a custom css, but usually you can do all that using the tagDiv Composer
Thank you.
If you look at my site on a mobile device, can you please advise how I would go about centering them (the social icons)?
Thank you for your continued support!
Hi,
In your case you’ll need to add to that single image some margin left and right in CSS -> https://www.screencast.com/t/sDHqPqIz0j in this way you image will be center -> https://www.screencast.com/t/Qe92PzcjbOe
Hope this will help you!
Thanks.
I really appreciate your reply, but why isn’t a simple “align” in one of the TagDiv settings working? That doesn’t make any sense.
Hi,
If you need to cet those single images on center you’ll need to add margin auto.
This is an image not text, and it need to be set with different type of css, with margin auto, not align ( usually align center is for text not for images ).
Thank you for your understanding.
That did the trick thank you!
