Centre icons on mobile


In your Lawyer demo, the icons in the 'our services' page are right aligned. Is there a way to make them centre aligned when viewed on a mobile screen (i.e. 480px) and the icons move above the text? In your demo they stay right aligned on small screens, but I'd like to know how to make them centred (centred only on small screens, right aligned as usual on all other screen sized). I'd like to learn the way to do this so I can get the layouts the way I like myself without having to ask you guys ;-)

I've tried adding a custom class ID to the icons, but my CSS knowledge is lacking when it comes to using the @media function along with the custom css.



Sign In or Register to comment.