google_user
asked 4 years ago

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

Snapshots


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

1 Answers
DominicStaff
answered 4 years ago

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. 

google_user
replied 4 years ago

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

google_user
replied 4 years ago

I made the following image to demonstrate what I want to achieve with the css, if it is possible.
https://imgur.com/a/OjzFtVk

Dominic Staff
replied 4 years ago

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;
}
}

Powered by DW Question & Answer Pro