Forever Theme Post page navigation

• 

  smdampier · Member · Apr 22, 2014 at 8:17 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I am using the Forever theme and would like to move the navigation tool that moves forward or backward between post pages (right arrow/left arrow appearing below the comment box). Since comments will push these buttons lower on the page I am wondering if there is a way using CSS to move these navigation buttons above the comment box or, alternatively, add more arrows above, to the top of the post.

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

• 

  joelymil · Member · Apr 22, 2014 at 9:32 pm

  • Copy link

  Great question. I agree that moving the navigation buttons above your comment section will make for a much nice user experience.

  Using CSS alone isn’t ideal for something like this, but since that’s our only option in this case, you can use this code in your CSS as a workaround:

  #content {
      display: table;
  }
  
  #comments {
       display: table-footer-group;
  }

  Also, as a side note, it looks like your theme does have the same navigation arrows on the top, but they’re hidden right now. If you want to display them use this code:

  #nav-above {
       display: block;
  }

  After these changes you may or may not want to play with the margins on some elements to make the blank space look right. Let me know if you end up wanting to do that and have any questions. Good luck!

• 

  smdampier · Member · Apr 23, 2014 at 1:25 am

  • Copy link

  Fabulous! Thank you.

  Do you happen to know the CSS code for removing the share buttons on the post pages as well?

  I am not using any widgets so I’m not sure why this is appearing or how to get ride of it.

• 

  smdampier · Member · Apr 23, 2014 at 1:48 am

  • Copy link

  I found the setting to change this – never mind!