Radha asks,
how can I get the title-area to float to the left & be smaller (right now it’s getting 1120px from somewhere) & the social icons to float to the right? On mobile the logo should be stacked on top of social icons – all nice & centered.
When it comes to logos and headers in WordPress, inline is the way to go in my opinion, not background images.
Here’s a screencast of the result after implementing the following steps:
Step 1
Upload the logo/header image to child theme’s images directory using a FTP client or cPanel file manager.
Step 2
Edit DailyDish Pro’s functions.php.
Comment out or delete
unregister_sidebar( 'header-right' );
Add this near the end:
https://gist.github.com/a59a09d53add1cd572eawhere siteHeader.jpg is the name of logo/header image present in DailyDish Pro’s images directory and 510 x 130 being its dimensions.
Step 3
At Appearance > Widgets, drag Simple Social Icons plugin’s widget into Header Right widget area.
Step 4
Add this in style.css:
https://gist.github.com/a59a09d53add1cd572eaSource: http://www.alphablossom.com/a-better-wordpress-genesis-responsive-logo-header/
