Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #976376

    Hi there,

    There seems to be an issue with the styling of the privacy policy message to the comment form on smaller screens (mobile below 480px). For reference see development page below.

    I suppose this needs sorting for next Enfold update?

    I am not sure how to solve this meanwhile, since the code seems to be ok to me. Do you have a temporary solution for this?

    Thanks & regards,
    Monique

    #976431

    +1
    Thank you!

    #976471

    Hi,

    I’m no longer seeing broken styling. Were you able to get this corrected?

    Best regards,
    Jordan Shannon

    #977043

    No changes on my site.
    Thank you

    #977062

    Hi,

    Please try to add this code to the quick css field:

    
    #top #commentform p.comment-form-cookies-consent{
    <span class="webkit-css-property">margin-bottom</span>:&nbsp;<span class="value">30px</span>;
    }
    

    Best regards,
    Dude

    #980627

    Hi Dude,

    The <span class etc> code isn’t really CSS code, is it? I worked out your code a bit further, also because it was only applicable for small mobile, and got it to work using following:

    @media only screen and (max-width: 479px) {
    #top #commentform p.comment-form-cookies-consent {
    	margin-bottom: 40px;
    }
    #top #commentform p.comment-form-av-privatepolicy {
    	margin-bottom: 20px;
    }
    }

    Thanks for your help.

    Please flag this topic as solved.

    Regards,
    Monique

    #980654

    Hi,

    I’m glad you were able to get this resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Privacy policy message to comment form styling issue on mobile’ is closed to new replies.