https://learn.wordpress.org/online-workshops/ page check box design break on mobile devices.

[upadalavipul]

I have reviewed the above page on my mobile devices and found this check box design breaking issue. please check the below-attached screenshot for a better understanding.

Screenshot: ​https://share.cleanshot.com/Bcy45mcLxF00FKyWV62w

[upadalavipul]

Added below CSS for above issue solutions:

CSS:

@media screen and (max-width:768px){
    input[type=checkbox]:checked:before {
        font: 400 22px/1 dashicons;
    }
}

[dd32]

Hi @upadalavipul,

Please ensure you review the warnings provided prior to creating a ticket, notably, that you need to select an appropriate component.

In the case of Learn, issues should be filed on the Learn repo, rather than here. See the notice at the bottom of the ticket.

Thank you.

[viralsampat]

I have checked above mentioned issue and I have resolved it and added patch. Also, I have attached screenshot after resolved this issue.

[adamwood]

Cannot reproduce. Please open a new issue at ​https://github.com/WordPress/Learn/issues/new/choose if required.