Home>Support>Customize Header Sidebar

Customize Header Sidebar

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hello,

I am looking to customize my header sidebar a bit. You currently have it setup so that each widget displays side by side. I have customized the css so that the search box displays below the menu. I now want to add a widget with my social media icons to the left of the search box but I keep getting stuck.

My site is http://ritchieschool.staging.wpengine.com/.

The code I’ve added to custom css to get where I’m at now is:

#masthead .hgroup #header-sidebar {
  padding-top: -40px;
  height: 55%;
}


#header-sidebar #search-4 {
 max-height: 100px;
 margin-top: 50px;
}


#masthead .hgroup #header-sidebar aside.widget {
  position: relative;
  margin-right: -130px;
}

Please let me know if you need more information!

Jenna

URL: http://ritchieschool.staging.wpengine.com/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Jenna

    It’s a bit easier in cases like this for us to work from scratch. Here is how I’d handle this:

    #masthead .hgroup #header-sidebar {
    	display: block;
      text-align: right;
    }
    
    #masthead .hgroup #header-sidebar aside.widget {
    	float: right;
    }
    
    #masthead .hgroup #header-sidebar aside.widget.widget_nav_menu {
    	width: 100%;
    }
    

    There might be some responsive concerns you need to address but hopefully this will get you started.

  2. 10 years, 1 month ago jtabrams

    Great, that worked! Had to alter the padding/margins a bit but that works. Thanks for your help!

  3. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Awesome :) Glad to hear that did the trick.

    All the best.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More