I had a thread for this issue but seem to have lost it and the accompanying emails. We put my logo on the left and two widgets to the right of it. The first one is text and the second social media. The text is supposed to be on top of the social widget with both on the right margin.
In firefox they are fine. In chrome, the social widget is to the right of the text widget. Internet explorer is the same as chrome.
How can I get them to be stacked with the text on top and on the right margin.
Hi Christmaslyric4537
You can change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.
#masthead .hgroup #header-sidebar { display:block; } #masthead .hgroup #header-sidebar aside.widget { float:none !important; display: block !important; }Let me know if that does the trick :)
Sorry but that didn’t work. It put the social widget on the same level as the text widget in front of it. So I put the old code back. It looks fine in firefox but in Chrome and Internet Explorer the social widget is on the same level as the text widget on the right of the text widget.
Hi Christmaslyric4537
Please try adding the following to Custom CSS
#masthead .hgroup #header-sidebar { display:block; }This by itself without the second entry that Greg provided should work.
Let us know how you get on
Magus