Dear Wes,
With a longer menu, the title-area with the logo pops up into its own space and floats left.
I tried to add our phone number on the opposite side of this same space – float right, but the logo image resized itself very small – not sure why.
Here is the site http://newdentalwebsite.com/
I used genesis hooks and added a div with the phone number here:”genesis_site_title Hook”
and created a div called p-number.
Then I created this custom css for it:
.p-number {
float: right;
color: #fff;
text-align: right;
}
But then I had to set the title area width to 100% and the site-title to float left. Like this.
.title-area {
float: left;
padding: 25px 0;
width: 100%;
}
.site-title {
font-size: 24px;
font-weight: 400;
letter-spacing: 1px;
line-height: 1;
margin-bottom: 0;
float: left;
}
But now the site title has resized very small.
I am clearly missing something important. Any suggestions?
Thanks!