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
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.
Great, that worked! Had to alter the padding/margins a bit but that works. Thanks for your help!
Awesome :) Glad to hear that did the trick.
All the best.