Archived topic
Site Library Theme "Slideout", site title display error in left-hand bar
5 replies · Started by Vanja on February 16, 2021
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 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 :)