[Resolved] Line break in heading for tablet & mobile

Home Forums Support Line break in heading for tablet & mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1514353
    Hasan

    Hi!

    I’ve created a block element with GenerateBlock which is looking nice on desktop, but need to bring a line-break on a specific place on tablet and smaller views.

    On the first big header that says “Travel Bangladesh in Budget”, I need to show the “in budget” part on a new line for tablet and mobile devices only. How can I do that?

    Thanks!

    #1514749
    David
    Staff
    Customer Support

    Hi theres,

    try adding this CSS:

    @media(max-width: 900px) {
        .home .site-header + .gb-container h1.gb-headline {
            max-width: 14ch;
            margin: auto;
        }
    }
    #1515164
    Hasan

    Got it, thanks! 🙂

    #1515230
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.