List items jumping out of group block when width reduced

  • On my website’s home page I currently have 3 list items after the 2nd paragraph.

    They are contained with some other paragraphs and buttons in a group block.

    When I reduce the width of the browser window, they don’t line up anymore and start to the left of the rest of the text.

    I can’t work out what exactly the problem is.

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

Viewing 1 replies (of 1 total)

  • @media (min-width: 700px) and (max-width: 1280px) {
    .entry-content ul {
    padding: 0;
    }
    }

    Check these rules affecting this selector are in style.css
    Line 65
    h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td {
    margin: 0;
    padding: 0;
    }

    Line 471
    ul, ol {
    margin: 0 0 3rem 3rem;
    }

Viewing 1 replies (of 1 total)
  • The topic ‘List items jumping out of group block when width reduced’ is closed to new replies.

Tags