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 1 year, 3 months ago.

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


    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?




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

    Search WWW and/or this forum.


    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.