Professional WordPress Plugins and Services. wpDiscuz, WooDiscuz, Advanced Post Pagination
Tenor GIF button that appears on the commenting form doesn't resize properly at smaller window sizes/mobile.
It looks like this in smaller window sizes:
As you can see, it looks totally out of place, it's size and padding is different than the rest of the buttons.
To reproduce, just change the window size of the browser.
Please update the addon to the new version (v. 1.0.2) and check again.
@astgh I didn't notice any changes with the update, but it could be due to cache. I'll wait for a day or two and check again.
@astgh It's good now on smaller screens up to a certain point:
However, if you still continue to decrease the window size, the avatar at the left of the comment form disappears and at that moment, the gif button once again shrinks:
This second screenshot is how it appears on my mobile device.
Use the CSS code below, it should solve the CSS conflict:
.ql-tenor svg {
padding: 0;
}
Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.
Please don't forget to press Ctrl+F5 (twice) on the frontend before checking.
Also, please try on incognito mode if you're checking on mobile devices. Because mobile browsers have a hard cache, you'll not be able to see the change immediately.
@astgh Oh, so it was a conflict. Thank you for the solution. It displays properly now.
P.S. Can you edit the above comment I left to remove the URL to my site?