• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

How to get "header right" widget items to be closer to top right

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › How to get "header right" widget items to be closer to top right

This topic is: resolved

Tagged: header right widget, how to move header right items

  • This topic has 4 replies, 2 voices, and was last updated 11 years, 6 months ago by melissamal.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 18, 2014 at 8:36 am #101164
    melissamal
    Member

    I would love my social icons to be even/parallel with my header and close to the very top to the right. How can I achieve that?

    Right now it is lower than my header.

    Thank you so much in advance!

    http://www.integrativenutritionaltherapies.com
    April 18, 2014 at 9:36 am #101176
    AnitaC
    Keymaster

    Look for this in your style sheet:

    .site-header .widget-area {
        float: right;
        text-align: right;
        width: 728px;
    }

    Change the width so it will come up. Your title is extremely large so you might need to adjust that.


    Need help with customization or troubleshooting? Reach out to me.

    April 18, 2014 at 2:20 pm #101212
    melissamal
    Member

    It still isn't working. I've tripled the width and gone down to 1px and neither are creating change. I made my logo a little smaller too.

    I even tried changing the "padding" and nothing.

    Does it need a command like "top"?

    Any other suggestions? Thank you!

    I want my header to look very similar to this one: http://www.healthylivinghowto.com
    Including adding my pic just like this with the title (which I don't know how to do either)

    Thank you again

    April 18, 2014 at 6:17 pm #101230
    AnitaC
    Keymaster

    The width I provided above is 728px wide. You need to change the 728 to a lower number.


    Need help with customization or troubleshooting? Reach out to me.

    April 18, 2014 at 6:45 pm #101232
    melissamal
    Member

    Got it!!!! Thank you so much!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble