Margin-right too wide – text not centred – Twenty Sixteen

  • Hi.

    I’m not sure if i’m missing something, but i’ve encountered an issue with Twenty Sixteen where by the main entry-content text is not centred at smaller widths.

    These are the margins widths as the view narrows:

    Narrow mobile view
    margin-right: 7.6923%; CSS line 1664
    margin-left: 7.6923%; CSS line 1664

    min width 44.375em
    margin-right: 23.0769%; CSS line 2814 – the problem
    margin-left: 7.6923%; CSS line 1664

    min width 56.875em
    margin-right: 15%; CSS line 3347
    margin-left: 15%; CSS line 3347

    My solution was to implement the following Media Query:

    @media screen and (min-width: 44.375em) and (max-width: 56.875em) {
    .entry-content { margin-right: 7.6923%; }
    }

    I hope this helps, or sheds light on a bug, or something.

    Cheers

  • The topic ‘Margin-right too wide – text not centred – Twenty Sixteen’ is closed to new replies.