07-Jul-2018, 08:19 AM
I have an issue with the way the Gravatar is loading on mobile devices (screenshot attached)
I have integrated Commentics onto a webpage using an existing CSS class as shown below:
The "!snippet" is the call to the Commentics PHP code.
With this everything loads great and the comment system is fully responsive just like the rest of the webpage.
Apart from the Gravatar issue on mobiles which is occupying the full width of the screen.
My question is about CSS, what I want to do is place a line in my existing website CSS page that will override how the Gravatar is loading on mobile, I want it to remain the small size and not occupy the screen width of its container.
OrÂ
Maybe it is easier to do in Commentics CSS?
I'm open to suggestions on this...
I have integrated Commentics onto a webpage using an existing CSS class as shown below:
Code:
<div class="12u$"><span class="image fit">[[!snippet]]</span></div>
The "!snippet" is the call to the Commentics PHP code.
With this everything loads great and the comment system is fully responsive just like the rest of the webpage.
Apart from the Gravatar issue on mobiles which is occupying the full width of the screen.
My question is about CSS, what I want to do is place a line in my existing website CSS page that will override how the Gravatar is loading on mobile, I want it to remain the small size and not occupy the screen width of its container.
OrÂ
Maybe it is easier to do in Commentics CSS?
I'm open to suggestions on this...