The effects of alcohol on sustanon 250 leucine for – real weight loss & bodybuilding benefits?
Layout issue on the...
 
Share:
Notifications
Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

 

Issue [Solved] Layout issue on the mobile comment form after adding consent checkboxes

5 Posts
2 Users
1 Reactions
873 Views
Posts: 13
Topic starter
(@nonobio)
Eminent Member
Joined: 5 years ago

Hi,

I have a layout issue on the mobile comment form after I added consent checkboxes:

image

Can you help me with this issue, please?

Thanks 🙂

4 Replies
Asti
Posts: 8075
 Asti
Support
(@asti)
Illustrious Member
Joined: 8 years ago

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.

Posts: 13
Topic starter
(@nonobio)
Eminent Member
Joined: 5 years ago

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? :

image

 

Also, I tested different window sizes on a desktop PC, and I have these issues:

Width between 601 and 767px:

image

Width between 768 and 990px:

image

 Width between 991 and 1289px:

image

Is it possible to resolve these issues too?

Thanks

1 Reply
Asti
 Asti
Support
(@asti)
Joined: 8 years ago

Illustrious Member
Posts: 8075

@nonobio,

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.

Posts: 13
Topic starter
(@nonobio)
Eminent Member
Joined: 5 years ago

@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 😀 

Share: