[Resolved] Longish tagline should wrap rather than interfere with widgets

Home Forums Support [Resolved] Longish tagline should wrap rather than interfere with widgets

Home Forums Support Longish tagline should wrap rather than interfere with widgets

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1572274
    nomind

    On https://www.financialwisdomforum.org/ our tagline is “Where Canadian investors meet for financial education and empowerment”. For branding reasons to connect to our discussion forum we have built a header that looks like the phpBB prosilver style, so the Search Widget is placed in the header.

    One problem that some users have reported to us is if their screen size isn’t particularly large, the tagline interferes with the search widget.

    Is this a bug? Or is the some CSS we could add so the tagline wrapped rather than interfered?

    Normal people… believe that if it ain’t broke, don’t fix it. Engineers believe that if it ain’t broke, it doesn’t have enough features yet. – Scott Adams

    #1572491
    David
    Staff
    Customer Support

    Hi there,

    Its one of the many nuances of the Flex Box CSS the theme is using. By default the Site Branding is set to fill the space available to it. Which in 99% of cases is whats required. In this case we need to switch it around with this CSS:

    .site-header .site-branding-container {
        flex-shrink: 1;
        margin-right: 10px;
    }
    
    .site-branding-container .site-logo {
        flex-shrink: 0;
    }
    #1572722
    nomind

    Thank you. Tested it on my testing environment and it solves the issue. Deployed on production site.

    Given there are no (apparent) limits on the length of a tagline, should this be fixed in the theme’s code?

    Marking it resolved.

    Normal people… believe that if it ain’t broke, don’t fix it. Engineers believe that if it ain’t broke, it doesn’t have enough features yet. – Scott Adams

    #1572782
    David
    Staff
    Customer Support

    Glad to hear that.
    Tricky to implement that change as the default styles is what ensures any other content in the Header such as the Widget area is correctly aligned.

    This is the first time we have seen this, so it looks like a niche case where custom CSS is best used. But we’ll definitely take a look to see what can be improved.

    #1572806
    nomind

    Thanks again. We recently switched themes so are re-implementing some things as we learn the power and flexibility of GeneratePress.

    Kudos to the support team who have been far superior to our previous theme’s support. 👍👍

    Normal people… believe that if it ain’t broke, don’t fix it. Engineers believe that if it ain’t broke, it doesn’t have enough features yet. – Scott Adams

    #1573019
    David
    Staff
    Customer Support

    You’re welcome – glad we can be of help!

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.