[melindalippert]

By default the social icons appear at the top right with the search box and icon just below. I would like to place them together in the same line, so they are in a row beside each other. This will give the top a sleeker look with less empty space. I’d also like to be able to adjust the amount of padding on the top and bottom of this row. (I do understand I can check the box to hide the search box and that will save space. But I’d prefer to keep the search box at the top in line with the other icons if possible.) I appreciate any help you can provide!

I have a coming soon landing page activated, but here is a temp link to bypass: http://melindalippert.com/secondpass

[Sanjip Shah]

@melindalippert You can use the following css to decrease the spaces in the header. To make the social icons and search appear on same line it will need both php an css customization. So for this one you will have to hire a developer.

.hgroup-right {
    margin-top: 0;
}
#branding .searchform {
    margin-top: 3px;
}
.hgroup-wrap img {
    margin-bottom: 0;
    margin-top: 2px;
}

[melindalippert]

The code you sent corrected the spacing enough so that it looks much better now. Thank you!

[Sanjip Shah]

@melindalippert Okay. Great.

[Author]

Posts