[Resolved] Title on new line

[Bernhard]

Hi,
it’s necessary for me that all titles <h2>, <h3> … are always displayed on a new line.
Actually they are displayed in the next free space – screenshot 1 screenshot 2.

[David]

Hi there,

When using floats you need to clear them afterwards or this happens. You can add this markup after your columns:

<div class="clearfix"><!-- clear --></div>

[Bernhard]

HI David, thank you for the info. In fact I had an error with the floats.
But I have the same problem with images (screenshot 1).
In twentyfourteen, which I used before, it did not have this problem.

[David]

In that instance it would be best to add a line break <br> after the text to force the line down. Or increasing the width of the image would also work.

[Bernhard]

But with the <br> solution I have to go through all my pages. Change of image width creates other problems on mobile view. Is there no way to code the title to display generally on a new line?

[Bernhard]

OK, I solved it now with
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both}
Thank you for your help.

[David]

OK, glad to hear you found a solution.

[Author]

Posts