This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Customize Header Sidebar

Resolved 3 replies premiumthemetheme-vantage
jtabrams
10 years ago · Last reply by Andrew Misplon 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff 10 years, 10 months ago

    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. jtabrams 10 years, 10 months ago

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

  3. Andrew Misplon Staff 10 years, 10 months ago

    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.

Have a different question or issue?

Start New Thread