bug on mobile (responsive)?
Hello,
I have an apparence issue on mobiles see captures:
The one on my computer screen is ok but the one on mobile not.
Can you help me to solve this please?
Thanks.
Related to your theme. Try to fix them using Firebug
Well, I may change the padding but the problem still the same, I do not have user’s avatar and I do not have the answers and votes on the right side and I do not have “a répondu il y a 50 minutes” by example so “answered 50 minutes ago”…
Can you please tell me why cause I do not believe it is a CSS issue no?
I had a similar problem. It is a CSS problem.
Try something like this
@media only screen and (max-width: 767px)
#anspress .ap-questions .ap-questions-item.hentry .ap-list-counts {
display: inline-block;
}This show show the counts on the right. You can also show the avatar but honestly when the screen is really small it better to only show useful information – the avatar isnt that important.
Thanks for your quick reply and help but it doesn’t change anything on my website on the mobile version.
I have added your code into the template override.css with !important beside display: inline-block;
Can you please tell me where you have pasted this code?
Thanks.
First of all I don’t see that you enqueued override.css
I visited your site – from what i can see the issue starts at when the max-width is 480px. Therefore you need to edit the code I added above and put the max-width to 480px.
You have to add this code to any css file you have enqueued. You can even add it to your styles.css.
URL to my website => rsca-arena.be