How to make the tagline stay on one line

Hi there!

Sundance was designed with a narrow tagline, tucked off to the side, but you can change that with some CSS:

.site-description {
 width: auto;   
}

I’m also having trouble getting an old nav bar menu to go away even though I have deleted all the content. It still says “Home” no matter what I do.

On Sundance, if you don’t set a custom menu, it falls back to a list of your pages, with an auto generated “home” link – so it’s showing that link and then nothing else, since you’ve deleted all of your pages.

The fastest way to remove it would be a little more CSS:

.main-navigation {
    display: none;
}

To add this bits of CSS, you can use the Additional CSS panel in the Customizer (assuming you’re running at least WordPress 4.7) or with something like the Jetpack Plugin using the Custom CSS Module.

Thanks Chad. Those two bits of code worked perfectly.

I have one more question. I added a link that leads to my “About” page in the top of the sidebar with the Text Widget. The text breaks into two lines since it’s a little long for the width of the column. It’s currently set Left Justified. That looks a little weird. Is there an easy way to make it set Center?

You could edit the HTML in your text widget, and add an inline style. Instead of opening with a regular <h4> tag, you could open like this;

<h4 style="text-align: center">

Inline styles aren’t generally the best way to go – if you can write CSS directly in the Additional CSS pane of the Customizer, that’s better. For something this small though, this is a quicker way to go.

Thanks Chad ~ that little bit of code did the trick.

Unfortunately, I just noticed another small problem with the side bar. One of the post titles is too long so it’s wrapping onto two lines. This makes it look like two separate posts. Is there a way to fix this? The post in question is called “The Unlikely Life of Charlotte Green” and here’s the website:https://www.somewhereoutwest.us

I can think of two approaches. One is to add some spacing below each title:

.widget_recent_entries li {
    margin-bottom: 10px;
}

The other would be to put a line on the top of each, to separate them:

.widget_recent_entries li {
    border-top: 1px solid #ccc;
}

To use either of these, use the Additional CSS panel in the Customizer (assuming you’re running at least WordPress 4.7) or with something like the Jetpack Plugin using the Custom CSS Module.

Thanks Chad. The extra space between the titles looks just right!

You’re welcome! ??