Social media icons in header

• 

  designedbyccc · Member · Jun 8, 2015 at 6:57 am

  • Copy link
  • Add topic to favorites

  Hi there

  I’m struggling with getting the positioning of my icons in my header, they currently sit on top of each other, I would like them side by side.

  I have played around with the “top” and “left” values but this just seems to make the icons bigger or smaller. Any help would be greatly appreciated :)

  #secondary {
  position: relative;
  }

  #text-3 {
  display: block;
  position: absolute;
  top: -375px;
  left: 120px;
  z-index: 9999;
  }

  #text-4 {
  display: block;
  position: absolute;
  top: -375px;
  left: 120px;
  z-index: 9999;
  }

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jun 9, 2015 at 9:40 pm

  • Copy link

  Change #text-3 and #text-4 so they look like below as a start, adding a width to each, and changing the left value in #text-3 so that the two aren’t stacked on top of each other.

  #text-3 {
      display: block;
      left: 190px;
      position: absolute;
      top: -375px;
      width: 60px;
      z-index: 9999;
  }
  #text-4 {
      display: block;
      left: 120px;
      position: absolute;
      top: -375px;
      width: 64px;
      z-index: 9999;
  }

• 

  designedbyccc · Member · Jun 9, 2015 at 9:52 pm

  • Copy link

  perfect thanks so much :)

• 

  thesacredpath · Member · Jun 10, 2015 at 2:23 am

  • Copy link

  You are welcome.