Lower Header Widget Area

Community Forums Forums Design Tips and Tricks Lower Header Widget Area

This topic is: not resolved

This topic contains 2 replies, has 3 voices, and was last updated by  Lauren @ OnceCoupled 5 months, 1 week ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #113790

    Post count: 230

    I have some social network icons in my header widget area, and I can’t figure out how to lower them, without effecting the rest of the header. I simply want the icons to rest slightly above the navigation, but as is, they’re aligned to the top of my header image. I want to move the social icons down, while not disrupting the layout of the header image, spacing, etc. Any ideas on how to achieve this?



    Post count: 511

    Are you familiar with “negative margin”? That may lower the text widget.

    Search WWW and/or this forum.


    Lauren @ OnceCoupled
    Post count: 643

    Change the block to below: (Remove the padding, then you can add the extra space via the margin-top). 33px was the maximum I could move it without affecting your header. You’ll want to double check how this appears on mobile and make the appropriate adjustments.

    .header-image .site-header .widget-area {
         margin-top: 33px;

    I do custom WordPress work! http://oncecoupled.com
    Contact me directly: lauren@oncecoupled.com

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.