trying to put social icons in header – weaver II
Hello. My goal is to have my social icons in my header situated in the middle of the right side of my header. My theme, Weaver II, doesn’t allow me to simply use a widget in that area; there’s a horizontal header widget that can be used above or below the header but I want my icons to be beside the header image on the right side. Anyway, I’ve tried editing the header.php and the css but my icons only stay in the top left of the header; nothing I do will move them. I”m not sure what to try next or if it’s just not possible to have the icons where I would like them. I’d so appreciate some guidance on this issue 🙂 my blog url: http://www.bloggingontheside.com Thanks so much!
Weaver II pro has two options to do what you want, the Header Extra HTML that can be positioned over the header image, and the Header gadgets.
Without pro, you could use some CSS tricks to move the header widget area that has your social icons over the header image, but you are going to run into problems when the browser size gets smaller and therefore on mobile.
When that happens, your Social Icons will end up over the Logo which you probably do not want.
The CSS to do that is explained below, but you should probably consider a different design layout. At the very least you should put your social icons inside a [weaver_hide_if_mobile] shortcode so they do not show over your logo on mobile, and then add them somewhere else for the mobile view using the [weaver_show_if_mobile] shortcode
To move the Header Horizontal Widget Area Over the Header image add the rules below in Advanced Options > Head Section > Custom CSS Rule Box
Using the values that work for you.
In the future, you will get more attention by posting directly in the weaver forum
Hey! thanks for the help! And a moderator told me to post this here – this is the 2nd posting i’ve put up about this.
- The topic ‘trying to put social icons in header – weaver II’ is closed to new replies.