Genesis Header Script layout problem

[malycom]

Hi

Someone very kindly explained how I could add a logo and contact info to the header script in the Genesis settings. This worked fine on IE and FireFox on my work PC and works well on my mobile, however, when I look at Safari and or FireFox on my MacBook Pro, the site containers are indented but the header script part is full width making the alignment look bad.

The site is only a testing site at the moment with no real content but it will be going live at some point.

The site can be seen here http://www.maldavidson.com/lutea

This is the CSS I am suing for the header script content.

Can anyone help at all?

lutea-logo {
background-color: #fff;
/* max-width: 300px; Leave this out */
overflow: hidden;
padding: 10px 32px;
padding: 1rem 3.2rem; /* adjust these values as needed */
margin-bottom: 0;
}

.lutea-contact-details {
/*margin-right: 32px; You don't need this with the padding on the parent */
float:right;
padding-top: 10px; /* Adust this to visually balance with the logo on the left if you like */
}
/* add this */
.lutea-logo img {
float: left;
}

As always, any help greatly appreciated.

[malycom]

Oh, and just in case it makes any difference, I am using Lifestyle Pro child theme.

Thanks

[Author]

Posts