Mobile responsive | DesignWall

David
asked 6 years ago

Hi. How do i make list of questions mobile responsive, please?

Thanks for any answer 🙂

5 Answers

DominicStaff
answered 6 years ago

In the latest version, we have fixed the mobile responsive for the DW Q&A plugin. Please let me know detail about this question, you can send me a screenshot or your site URL for further checking.

CZPortal4Gamers
answered 6 years ago

IT still appears to not be working. Link: http://pc-rady.ga

DominicStaff
answered 6 years ago

I have checked your site, you can add the following code to the style.css file:

@media (max-width: 480px) {
  .dwqa-question-item .dwqa-status {
    border-radius: 0;
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 0;
  }

  .dwqa-questions-list .dwqa-question-item .dwqa-question-meta {
    margin-left: 20px;
  }

  .dwqa-questions-list .dwqa-question-item .avatar {
    position: absolute !important;
    margin-top: 0 !important;
    margin-right: 5px;
  }
}

CZPortal4Gamers
answered 6 years ago

Thanks, that worked. U can mark it as resolved 🙂

Dominic Staff
replied 6 years ago

Yes, if you have any issue or question, you can let me know. We will help you resolve it.

DominicStaff
answered 6 years ago

In this case, you can add the following code to the style.css file:

@media (max-width: 480px) {
.rtl .dwqa-questions-list .dwqa-question-item .avatar {
    left: 0;
    right: 76px;
    margin-right: 0;
    margin-left: 5px;
}

.rtl .dwqa-questions-list .dwqa-question-item {
    padding-left: 0;
}
}

Dominic Staff
replied 6 years ago

If you still face their issue, you can send me username & password of your site for further checking.

Assisnal
replied 6 years ago

Hello Dominic! Thank you. The issue has been resolved in the free version only. But after buying the paid version this problem appeared.

https://i.gyazo.com/762533660c1cbedd6cee5a0c2840ccac.png

https://www.thatrue.com/Q

how can i fix it sir?

Thanks again

DominicStaff
answered 6 years ago

We have checked your site and see that the issue come from the plugin, we will update the style for the RTL site and we will release it as soon as possible.

@media (max-width: 480px) {
.rtl .dwqa-questions-list .dwqa-question-item {
    padding: 30px 70px 50px 180px;
}

.rtl .dwqa-question-item .dwqa-status {
    margin-right: 0;
    margin-left: 10px;
    top: -35px;
    right: auto;
    left: -50px;
}

.rtl .dwqa-questions-list .dwqa-question-item .dwqa-status:after {
    left: 40px;
    color: #fff;
    top: 17px;
}

.rtl .dwqa-question-vote .dwqa-vote-up, 
.rtl .dwqa-answer-vote .dwqa-vote-up {
    left: auto;
    right: 25%;
    top: 0;
}

.rtl .dwqa-answer-vote .dwqa-vote-down, 
.rtl .dwqa-question-vote .dwqa-vote-down {
    right: 9%
}
}

Assisnal
replied 6 years ago

ok sir, I’ll wait anxiously

CZPortal4Gamers
answered 6 years ago

What to do if sort by is bugging with text. I need auto resizing filter text i think :/ But i dont know how to do it.

Dominic Staff
replied 6 years ago

You can let me know detail about this issue, you can send me a screenshot for further checking.

CZPortal4Gamers
answered 6 years ago

Screeshot: https://imgur.com/a/ZUQT94B
I want it to stay on the place, no matter on resolution. Even when i will need to do something with filter text.
Thanks for help 🙂

Dominic Staff
replied 6 years ago

You can use the following code to change the position of the Sort by section:

.dwqa-question-filter {
position: relative;
}

.dwqa-question-filter .dwqa-sort-by {
float: right;
position: absolute;
width: auto;
right: 0;
bottom: -20px;
}