-
Posts
-
Hi,
you set the style of the h1 to white-space: pre; this prevents the content to wrap around – when I have a small viewport, the headline will not fit on the page.
With white-space: pre-line; or normal the headline fits into the responsive page, but the 1px grey line looks not too nice there…
Just a cosmetic issue.
Best regards,
Detlef
Hi Detlef,
Do you have an example we can take a look at? I’m not completely clear on what you mean as the theme is pretty complex so there are a lot of similar items/code and identifying bugs and issues is made easier with a live example showing it specifically.
Regards,
Devin
Just use the advanced layout editor and add a “special-heading” – this will result in:
<div style=”padding-bottom:10px” class=”av-special-heading avia-builder-el-0 avia-builder-el-first “>
<h1>clip or no clip – your choise</h1>
…
and here is your CSS:
body .av-special-heading > *{
padding:0;
margin:0;
display: table-cell;
vertical-align: middle;
white-space: pre;
line-height: 1.4em;
}
Gotcha, though I’m not sure if its something that will be changed within the theme. You can add your own css to replace it and use pre-wrap if you want the text to wrap or add line breaks if you wanted them with the current value. My thinking is if you are adding so much text to the special heading that it creates an overflow, you could just use a text block at that point and the line isn’t really needed since you have a full sentence of text there.
Either way I’ll tag it for Kriesi to take into consideration.
Regards,
Devin
- The topic ‘line breaks with h1 and the responsive option’ is closed to new replies.