[cartermorgan1321]

I ended ended up figuring it out.

I had to make 3 or 4 changes to styles.css to get it to work properly:

1.) Comment out the line that positions the site description really low.
2.) Add 'color: <some color>;' so that you can see the tag.

.site_description {
    display: block;
    height: 0;
    margin-bottom: 0;
  <strong>  /* text-indent:  -9999px; */
    color: red;</strong>
}

3.) Add the .site_description to the list of elements that gets centered

@media only screen and (max-width: 1020px) {
...

   .genesis-nav-menu,
   .site-header .widget-area,
   .site-title, 
   <strong>.site-description</strong> {
      text-align: center;
   }
}

4.) Change the title area's padding so that the description fits.

.title-area {
    float: left;
    padding: <strong>30px</strong> 0;
    width: 360px;
}

What do you think?

[cartermorgan1321]

Bump. I haven't been able to figure out how to do this either.

Does anyone know?

Thanks!

[Author]

Posts