Site logo

Archived topic

Site Library Theme "Slideout", site title display error in left-hand bar

5 replies · Started by Vanja on February 16, 2021

Viewing posts 1–6 of 6

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...

So you figured it out yourself :)

Let us know if you need further assistance.

;) 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!

Could give this CSS a try, adjust the numbers :)

.navigation-branding .main-title {
    width: 184px;

span.menu-bar-item.slideout-toggle {
    margin-bottom: 25px;
}

Thanks, that did the trick! :D

Best,
Vanja

You are welcome, glad it worked :)

This archived topic is closed to new replies.