[Resolved] Site Library Theme “Slideout”, site title display error in left-hand bar

Home Forums Support [Resolved] Site Library Theme “Slideout”, site title display error in left-hand bar

Home Forums Support Site Library Theme “Slideout”, site title display error in left-hand bar

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1660832
    Vanja

    Hey there,

    I have a question regarding the “Slideout”-Theme, which I completely installed via the site library on a fresh WordPress installation.

    As soon as the site title (which is rotated by 90Β° in this theme) contains space(s), it isn’t displayed inline anymore; instead the words are displayed “below” each other and not quite visible in the left-hand bar.

    I’ve looked at the CSS but couldn’t figure out a solution. Can you help?

    Best regards, love GeneratePress,
    Vanja

    P.S.
    Using   within the site title field fixes its display in the front-end…

    #1661016
    Ying
    Staff
    Customer Support

    So you figured it out yourself πŸ™‚

    Let us know if you need further assistance.

    #1662139
    Vanja

    πŸ˜‰ Do you maybe have a different solution or idea?

    Using the HTML-Code might not be so great for search engines(?):
    <title>Bildende&nbsp;Kinetik</title>

    One possible “hack” is entering the title like that under “Settings”, saving it and then saving it again, as the HTML-Code for the spacing is removed by WordPress but then somehow still works.

    The thing I can edit/fix for a longer site title on the website is the CSS

    .navigation-branding .main-title {
        line-height: 120px; /* was 60px */
    }

    But as soon as I use a site title with two or more words I’ll have the same problem again that there’ll be a line-break for each blank space…
    Here’s a screenshot, I set the line-height to 20px via CSS:
    https://snipboard.io/zhlnYQ.jpg

    Thanks!

    #1662158
    Ying
    Staff
    Customer Support

    Could give this CSS a try, adjust the numbers πŸ™‚

    .navigation-branding .main-title {
        width: 184px;
    
    span.menu-bar-item.slideout-toggle {
        margin-bottom: 25px;
    }
    #1662200
    Vanja

    Thanks, that did the trick! πŸ˜€

    Best,
    Vanja

    #1662214
    Ying
    Staff
    Customer Support

    You are welcome, glad it worked πŸ™‚

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