Hi there, I really like the way my website renders on desktop, but would like to left align meta info on single posts (above the featured image) — but only on mobile.
Can you please tell me how to do that? https://adhocracynews.com/greenwald-rips-schiff-absolute-pathological-liar/
Thanks so much!
– KV
Hi kennyvolk,
For this you can make some adjust using tagDiv Composer -> https://i.imgur.com/zgQjdqo.png -> https://i.imgur.com/dHPAqPi.png the problem is that those changes will affect the desktop settings. What you can do is to select the elements and use the options from css tab -> https://i.imgur.com/Yd4vlow.png -> https://i.imgur.com/G94coDy.png in this way you’ll be able to edit the elements per view port.
Hope this will help you!
Let me know the results!
Hi Calin,
Thanks for the reply. Tried that, but I can’t seem to be able to edit them just right. I think it’s because on desktop, the date and social share icons are displayed inline, and are inner columns and rows themselves. Any other fixes, by chance?
Thanks so much!
– KV
Hi,
Now the best way is using tagdiv Composer, but if I do not know exactly how the elements were set I can not help with screenshots step by step.
Another method it can be some custom css -> https://i.imgur.com/woDMRHf.png
.single .td-post-sharing, .single .tdb_single_date {
text-align: left!important;
width: 100%;
}
This code need to be set in theme panel> custom code> advance css> phone.
Hope it will help you!
Thank you!
Yep, that did the trick. Thank you so much for taking the time!
– KV
