Header Script Driving Me Crazy

[malycom]

Looking for a smart, intelligent amazing person to help me out with an issue that is driving me nuts.

For reference, the site is http://www.maldavidson.com/lutea

I have some CSS for some code that is going into the Genesis Header Script box in the Genesis Theme settings.

This is what I have in the Genesis Header Script box

<div class="lutea-logo">

<div class="lutea-contact-details" style="display:inline">

<div class="email">
[email protected]
<div class="phone">
+44 (0)1234 123456
</div>
</div>
</div>
</div>

And this is the CSS

.lutea-logo {
background-color: #fff;
/* max-width: 300px; Leave this out */
/*max-width: 1140px;*/
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: 25px; /* Adust this to visually balance with the logo on the left if you like */
width: 350px;

}

.lutea-contact-details .email {
background-image: url("http://maldavidson.com/lutea/wp-content/uploads/2014/02/mail.png");
padding-left: 25px;
float:left;
background-repeat:no-repeat;
}

.lutea-contact-details .phone {
background-image: url("http://maldavidson.com/lutea/wp-content/uploads/2014/02/phone.png");
padding-left: 25px;
background-repeat:no-repeat;
float:right;
margin-left: 20px;
margin-left: 2em;
}
/* add this */
.lutea-logo img {
float: left;
}

The problem is that I need this to be at 1140px and centred when a browser is is full screen and then resize if someone has their browser not on full screen or if they are on a mobile or tablet.

It actually looks fine on mobiles but on full screen (depending on screen settings), the div is wider than the rest of the site and on very wide screens it looks awful.

Ideally I want it to be centered on full screen at 1140.

Can somebody help?

Many thanks

[malycom]

If I set to max width 1140 and align center, although it aligns center, it goes too narrow. Still need help if anyone thinks they might be able to.

Thanks

[Author]

Posts