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, 4 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?


    Buy me a beer? | while(helping) knowledge++;



    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.