Get rid of follow pop up? / Move social bar to top

• 

  therealajjamesgmailcom · Member · May 24, 2016 at 7:58 pm

  • Copy link
  • Add topic to favorites

  i am using the cubic theme and i’ve realised a ‘follow’ pop up from wordpress gets in the way of my social bar at the bottom of my front page. How do I get rid of the follow pop up for my site (as it wouldn’t actually be something I want), and move the social bar to the top right of the page instead?

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

• 

  siobhyb · Member · May 25, 2016 at 1:42 pm

  • Copy link

  Hi there,

  The follow pop up that displays while logged into WordPress.com will automatically be hidden away upon scrolling down, so it won’t get in the way of your social media menu.

  The follow pop up that displays in the bottom right for visitors logged out of WordPress.com can be hidden by navigating to our older interface (this can be accessed by adding /wp-admin to the end of your site’s URL) and then Settings > Reading on the left:

  https://ajjamesdotorg.wordpress.com/wp-admin/options-reading.php

  Uncheck the option next to Show follow button to logged out users. on the above page.

  If you’d like, you can also move the social menu to the upper right with the following custom CSS.

  @media screen and (min-width: 768px) {
  
  nav.social-navigation {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 73px;
  }
  
  .admin-bar nav.social-navigation {
  top: 32px;
  }
  
  ul#menu-social, .social-navigation li, .social-navigation a {
  height: 86px;
  }
  
  .social-navigation a:before {
  line-height: 86px;
  }
  
  .social-navigation a {
  height: 84px;
  }
  
  }

  Please note, the above CSS will move the positioning of the menu to the upper right on devices that are wider than 768px. The menu will be positioned in the lower left on devices that are smaller than that width.

  Let me know if you decide to give that CSS a go. :) We’ll be right here if you have any questions or if it doesn’t work in the way you intended.