Social Icons CSS Customization

• 

  vlogazul · Member · Oct 28, 2016 at 8:38 pm

  • Copy link
  • Add topic to favorites

  Hello I am using the Triton Lite theme and I would like to request a snippet for the following.

  At the bottom of the main page there should be a set of social media icons, is there a snippet to place those icons in the menu bar next to the last category page that says “La Caricatura” on the menu bar?

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

• 

  thesacredpath · Member · Oct 29, 2016 at 4:20 am

  • Copy link

  Hi there, I’m pretty sure we had covered this before, but I can’t find the thread right now. Here is the code, but I think I said before that the in Triton Lite, when we do this, the social icons are going to overlay on the menu items on narrower screens/windows. You can demonstrate this after adding this code and saving and then visit your site and narrow and widen your browser window.

  #wpcom_social_media_icons_widget-2 {
      position: absolute;
      top: 50px;
      right: 0;
  }

  We could do the following instead, which moves the widget up to the top and adds height to the blue bar at the top and positions the social icons down a little so on narrower windows it doesn’t interfere with the menu.

  #wpcom_social_media_icons_widget-2 {
      position: absolute;
      top: 80px;
      right: 0;
  }
  #masthead {
      padding-bottom: 30px;
  }