Your code should look like this:
<hgroup>
<h1 class="site-title"><a href="http://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!
