Bug: Alignfull margin wrong on small screens

  • Resolved mrwweb

    (@mrwweb)


    6 years, 1 month ago

    Hiya! Love Chaplin. Used it on a couple sites already.

    There is a bug where alignfull items have the incorrect negative margin on screens under 700px. That is line 2876 of style.css:

    .entry-content > .alignfull {
    margin-left: -2.5rem;
    max-width: 100vw;
    width: 100vw;
}

    The margin-left should be -2rem instead.

    You can see this on the demo site, linked with this post.

    p.s. Switching to em-based media queries would be a win for accessibility and supporting browser zooming!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Theme Author Anders Norén

    (@anlino)

    6 years, 1 month ago

    Hi @mrwweb,

    Thanks, and good catch! I’ll include a fix for the negative alignfull margin in the next version. Thanks for the link to the post about em-based media queries as well – it’s an interesting read. I’ll consider switching the em based media queries in a future version.

    — Anders

Viewing 1 replies (of 1 total)

The topic ‘Bug: Alignfull margin wrong on small screens’ is closed to new replies.