Move description underneath title

Your code should look like this:

<hgroup>
  <h1 class="site-title"><a href="https://www.zilveticomm.com/mdg_site/" title="MiamiDocGuys" rel="home">MiamiDocGuys</a></h1>
  <h2 class="site-description">A premier, mobile notary service in South Florida.</h2>
  <h3><a href="#">Email here</a> | Phone</h3>
</hgroup>

And these to CSS:

header#masthead hgroup { overflow: hidden; }
header#masthead hgroup h2 { float: left; width: 45%; text-align: left; clear: none; }
header#masthead hgroup h3 { float: right; width: 45%; text-align: right; clear: none; }

Before making any changes to any theme, you should create a child theme. That way your changes won’t be erased when the theme is updated.

Hi,
Thanks for your replies. I am not a programmer, I am a designer so when you say that my code should look like this: … where do I insert this code??? I understand the CSS part but not the other.
Thanks again!

M

You would need to modify the header.php file — but as noted above only do that in a child theme – otherwise all of your changes will be lost when the theme is updated.

If the theme, is a child theme, I do it in its header.php file, correct?

Hi,

I just did this and the contact information moved up but is now underneath the title and the description is on the right hand side. What I need is to flip them- do I just change the text that is on h2 and replace it with the h3 text?

Yes – do make a backup copy of your file before modifying anything – just in case :).

Thanks WPyogi and atul1280. I tried the above code and switched the statements around and it worked!