How do I make pre code wrap text in mobile view?

  • Resolved Pete Beck III

    (@pete-beck-iii)


    10 months, 2 weeks ago

    I am using a theme that suddenly stopped wrapping text in mobile view for text assigned the pre code. I have tried everything I know to do to no avail. Everything works as it should on my laptop view. Please help. Thanks.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Pete Beck III

    (@pete-beck-iii)

    10 months, 2 weeks ago

    here is the css

    pre {
    display: block;
    position: relative;
    max-width: 800px;
    padding: 30px 15px;
    background: #f7f7f7;
    word-break: normal;
    word-wrap: normal;
    white-space: pre-wrap;
    font-size: 1.0rem;
    color: #656565;
    border-left: 10px solid #ccc;
    border-right: 10px solid #ccc;
    }

    pre code {
    padding: 0;
    color: #3f3b36;
    word-wrap: normal;
    background-color: transparent;
    font-size: 1rem;
    }
    Thread Starter Pete Beck III

    (@pete-beck-iii)

    10 months, 2 weeks ago

    I solved it by removing the Amp plugin.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘How do I make pre code wrap text in mobile view?’ is closed to new replies.