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, 8 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, 8 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, 8 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