On my website, everything is fine on desktop. However, on mobile, I notice that the triangles on the homepage are not aligned (see picture to see what I am talking about). I am thinking that the culprit is that there is a tiny margin between the images, and that is being added onto the sides of the triangles making them misaligned..If this is the case, how would I go upon removing this on the home page?
Hello,
On my website, everything is fine on desktop. However, on mobile, I notice that the triangles on the homepage are not aligned (see picture to see what I am talking about). I am thinking that the culprit is that there is a tiny margin between the images, and that is being added onto the sides of the triangles making them misaligned..If this is the case, how would I go upon removing this on the home page?
Best,
Shamim
Hey Again,
You have the Alignment set to Right in here
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) and (min-width: 1px) { .img-with-aniamtion-wrap.right { text-align:center !important; } }Thanks
ThemeNectar Support Team