Hi,
I have a layout issue on the mobile comment form after I added consent checkboxes:
Can you help me with this issue, please?
Thanks 🙂
Limited Support
Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.
We appreciate your patience and understanding while our team is away. Thank you for being part of the wpDiscuz community!
Merry Christmas and Happy Holidays! 🎄
Mar 30, 2023 1:15 pm
4 Replies
Apr 01, 2023 8:03 am
Hi,
Use the CSS code below:
@media screen and (max-width: 600px){
#wpdcom .wpd-field-agreement{
margin-bottom: 25px;
}
}
Put the code in the "Custom CSS code" textarea, located in the Dashboard > wpDiscuz > Settings > Styles & Colors admin page.
Don't forget to delete the caches before checking.
Also, please try in 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.
Apr 03, 2023 6:59 am
Hi,
Thanks a lot, Asti, it is a lot better on mobile :).
Is adding a marge between the last line (cookies consent) and buttons possible? :
Also, I tested different window sizes on a desktop PC, and I have these issues:
Width between 601 and 767px:
Width between 768 and 990px:
Width between 991 and 1289px:
Is it possible to resolve these issues too?
Thanks
Please watch this video: https://www.screencast.com/t/uOVa2Ib8O
The CSS codes below should solve all issues:
#wpdcom .wpd-form .wpd-avatar img {
position: static;
}
@media screen and (max-width: 1040px) {
#wpdcom .wpd-form-row .wpd-form-col-left{
width: 100%
}
#wpdcom .wpd-form-row .wpd-form-col-right{
width: 100%
}
}
#wpdcom .wpdiscuz-item.wpd-field-radio, #wpdcom .wpdiscuz-item.wpd-field-checkbox {
padding-bottom: 12px !important;
}
Don't forget to delete the caches before checking.
Apr 03, 2023 10:33 am
@Asti Thank you very much!!
All is working fine with this code and thanks a lot for the screencast, it helps me to learn how to diagnose similar issues :).
Have a nice day 😀
