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

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

    Porter
    Member
    Post count: 217

    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?

    http://foundingfathersbar.com/


    I gladly accept beer donations – payment@gemfruit.com

    http://foundingfathersbar.com/
    #113792

    Kellylise
    Participant
    Post count: 439

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

    Search WWW and/or this forum.

    #113797

    Lauren @ OnceCoupled
    Member
    Post count: 611

    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.