How do I add a line break in the image banner heading?

[SweatFree]

Hi,

My website is www.sweatfree.co

The password is sweatfree123

I want to add a line break, so "here, there, everywhere" is centrally aligned & in the second line. That way, "stay connected, with your people," is in the first line and rest in the second line. Any advice on how I can do it?

[Dan-From-Ryviu]

Hi @SweatFree 

You can try to add this element </br> to where you want a line break in your heading. 

[ProtoMan44]

@SweatFree please put this style in code:

@media screen and (min-width: 750px) {
 section .banner .banner__box.content-container {
    width: 600px;
 }
}

[EBOOST]

Hi @SweatFree ,

1. Go to Store Online-> theme -> edit code

2. Layout/theme.liquid

3. Add code below to end of file and before </body> tag

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $(".banner__box .banner__heading strong").each(function(){
    var HTML = $(this).html();
    HTML = HTML.split('people, here,');
    $(this).html(HTML.join('people,<br> here,'))
  });
});
</script>