Logo and header widgets
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.
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
3Hi 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
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.