Please I need your support regarding the non-responsiveness of the questions page.
On mobile, the page doesn’t look too good
I’ll show you screenshots to explain what I mean
On the first screenshot, the vote best answer icon is directly under the profile picture which is not good
I’d like the subscribe, edit and delete links centred on its own line above the question text.
Also, the upvote and down vote icons are not showing on mobile
Can you please make them show?
Thank you
Firstly, you can add the following code to the style.css file.
@media (max-width: 480px) {
.single-dwqa-question .dwqa-question-item .dwqa-question-vote, .single-dwqa-question .dwqa-answer-item .dwqa-answer-vote {
display: block;
left: -10px;
top: 16px;
}
.dwqa-pick-best-answer {
top: 90px;
left: -10px;
}
.dwqa-answer-item .dwqa-answer-meta {
margin-bottom: 35px;
}
}
If you still face their issue, you can send me username & password of your site for further checking.
Thanks for the support bro.
I have applied the css you provided.
https://imgur.com/gallery/CM9fR7k
That is the screenshot above
Howevee, it the icons overlap and cover the content on the page.
It would have been perfect if the upvote, down vote, vote count and vote best answer icons are displayed horizontally on a separate line of their own
Instead of vertically as it covers the post content
I made the following image to demonstrate what I want to achieve with the css, if it is possible.
https://imgur.com/a/OjzFtVk
Please add the following code to the style.css file:
@media (max-width: 480px) {
.single-dwqa-question .dwqa-question-item, .single-dwqa-question .dwqa-answer-item {
padding-left: 30px;
}
}
Please login or Register to submit your answer