In my example, I have a page that has a two columns of text, one is right aligned and the second is left aligned. They look great on a desktop, but when you view on a mobile device, the 'heading' text (that is in the left column, aligned right) looks odd since is remains right aligned. It would be nice if I could left align in when viewed in a small window/phone.
Is it possible to change the formatting for an element based on the viewer's device - i.e. desktop vs tablet.
https://eastbaybrainandspine.com/specialities/spinetumors/
In my example, I have a page that has a two columns of text, one is right aligned and the second is left aligned. They look great on a desktop, but when you view on a mobile device, the 'heading' text (that is in the left column, aligned right) looks odd since is remains right aligned. It would be nice if I could left align in when viewed in a small window/phone.
Hey Again,
Sorry for the Delay .
I am afraid the Theme does not offer any such option though this should be possible with some css like this :
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (max-width: 1000px) { h2#metastaticspine { text-align: left !important; } }Thanks
ThemeNectar Support Team