Archived topic

Header Widget - Move it Slightly

5 replies · Started by Duncan on March 21, 2017

Viewing posts 1–6 of 6

March 21, 2017 at 9:20 pm #295529

Hi Tom

How can I move the phone number (header widget) closer to the logo?

Regards

Duncan

March 21, 2017 at 9:44 pm #295546

Try this CSS:

.site-logo {
    float: left;
}

.header-widget {
    display: inline-block;
    float: none;
}

March 21, 2017 at 9:58 pm #295548

That worked with an added margin

.header-widget {
display: inline-block;
float: none;
margin-left:200px;
}

Thanks Tom

March 21, 2017 at 9:59 pm #295549

Might want to wrap that in a media query so it only happens on desktop:

@media (min-width: 769px) {
    .header-widget {
        display: inline-block;
        float: none;
        margin-left:200px;
    }
}

March 21, 2017 at 10:22 pm #295551

Brilliant Tom - Thank you

March 21, 2017 at 10:33 pm #295552

You're welcome :)

This archived topic is closed to new replies.