Comment area single posts displays incorrectly below 768px

[NiO]

Hi Swiftideas,

Single post issue > comment area: on mobile devices the required span (*) displays on top of the field description. See attachment.

Cheers,
Johan

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Thanks for reporting this, i’ll assign this to our lead developer and we can add this in the next update.

In the meantime, please use this:

@media only screen and (max-width: 767px) {
    #commentform p > span.required {
        left: auto;
    }
}

– David.

[NiO]

Yes, thanks David. Had that fix in place already 🙂

[Swift Ideas – Ed]

Thanks, fixed this too.

– Ed

[NiO]

Hi Ed,

The only thing that David’s code doesn’t fix is the asterix behind the intro text (“Your email address will not be published. Required fields are marked *”) when it wraps on iPhone.

Cheers,
Johan

[Swift Ideas – Ed]

That code is only for the minimal form type – we’ve changed the css to only output when that type is selected.

– Ed

[NiO]

Hi Ed,

Not sure I understand. I was referring to the fix suggested by David above. It fixes the issue for the form field labels, but not for the text before it 🙂

Cheers,
Johan

[Swift Ideas – Ed]

What I’m saying is that the fix isn’t that code – it was removing the css and only outputting it when using the minimal display type. Remove that code when updating and all should be sorted.

– Ed

[NiO]

Got it! Thanks 🙂

[Rui Guerreiro – SUPPORT]

Great. Thanks Ed.
-Rui

[NiO]

Hi Ed & Rui,

Most things mentioned are resolved with the update. Just needed to keep this piece of css to fix the “issue” as shown in the attached screenshot:

.comment-form-author, .comment-form-email { padding-right:15px;}

Cheers,
Johan

Attachments:

You must be logged in to view attached files.

[Swift Ideas – Ed]

Thanks, have sorted that for next update.

– Ed