headings overlap when too long

  • In Mobile version or when you make the window small, headings wrap but stay on same line so they are overlapping themselves. See example at https://brmhomes.com/new/about/ and scroll down to second set of headings (on mobile or make window very narrow).

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

  • The issue is this CSS:

    
h1, h2, h3, h4, h5, h6 {
    clear: both;
    line-height: 0.1; //this is the issue
    margin: 0 0 0.75em;
    padding: 1.5em 0 1.5 em; //this value is wrong
    padding: 1.5em 0 0;
}

    in file /twenty-seventeen/style.css line 427, which is not the default – so, it look like you are editing the parent stylesheet directly and not using the CSS Customizer bult into 2017 or a Child Theme? That will be lost on theme update.

    • This reply was modified 8 years, 2 months ago by Pioneer Web Design. Reason: wrap code in ticks
    Thread Starter cherib7

    (@cherib7)

    Great! How do I use the CSS Customizer or create a Child Theme? Brand new to WordPress. Thanks so much!

    Thread Starter cherib7

    (@cherib7)

    Also, what should the line height be? Or how can I reset the CSS to the default?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘headings overlap when too long’ is closed to new replies.

Tags