Hi there,
I've been looking high and low for the cause of this indented alignment that's occurring in rare situations. Notably when viewing my board on an iPad Pro tablet, or when turning my iPhone into landscape mode.
I have no problem with any other view modes. Responsive.css is working fine for what I need it to do. Desktop and various browsers all look great.
To expand on what I'm referring to, please find this desktop view:
Seen above: the Music flair header, its dividing line, and flair icons are all left-aligned and perfectly in row with the Contact text above.
However. On tablet or when my phone is turned sideways;
Something is adding an indent to just my Flair.css, and no other elements of my post profile details.
Is there something within the Flair CSS files that I can add or change to have it ignore this strange "tablet" indent? I would be hugely grateful to get this fixed if anyone can weigh in.
Thank you.