Social Media in Header

• 

  michaeljpconlon · Member · Dec 30, 2013 at 6:38 pm

  • Copy link
  • Add topic to favorites

  Hi

  Is there a way I can put social media icons that are in the footer of this webiste onto the top or both footer and header.

  Thanks

  Michael

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

• 

  thesacredpath · Member · Jan 3, 2014 at 5:21 pm

  • Copy link

  Since Snap, the theme you are using is responsive width, moving, or adding elements to the top header area is tricky. I would suggest adding the social icons to the right of the content area where we have more control over them. Try adding the following to your custom CSS and see what you think. It seems to work quite nicely all the way down to smart phone size. After adding this, narrow your browser window down as narrow as you can and watch how things work with the social icons.

  @media screen and (min-width: 425px) {
  .theme-container {
      padding-top: 3em;
      position: relative;
  }
  #social {
      position: absolute;
      right: 50px;
      top: 20px;
  }
  }
  
  @media screen and (max-width: 900px) {
  .theme-container {
  padding-top: 3.5em;
  }
  #social {
  top: 0;
  }
  }

• 

  michaeljpconlon · Member · Jan 3, 2014 at 6:00 pm

  • Copy link

  wow thank you – perfect solution

• 

  thesacredpath · Member · Jan 3, 2014 at 9:16 pm

  • Copy link

  You are welcome.