Floating menu possibility?

• 

  errorsinc · Member · Dec 3, 2013 at 1:23 am

  • Copy link
  • Add topic to favorites

  Hi, I was wondering if there is any way to make the primary navigation menu (on the left clear column in my case) ‘floating’, or constantly appearing where it is even when scrolling down? There seem to be some plugins for wordpress.org but I haven’t managed to find anything for the .com version. Is it possible at all to achieve this?

  Since my format is mainly list-based, it is going to get troublesome to scroll all the way up to check a category or a page, as I add more posts.

  Any help much appreciated, as always.

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

• 

  justpi · Member · Dec 3, 2013 at 12:30 pm

  • Copy link

  #header-image, #access {
  position: fixed;
  }

  But it won’t look good when one scrolls down to the bottom of your page.

  PS Your CSS questions should be posted in the CSS forum, not the Support forum.

• 

  errorsinc · Member · Dec 3, 2013 at 7:52 pm

  • Copy link

  Thank you! Sorry about the wrong forum.
  The individual pages have their left margins thrown off though. How can that be fixed?

• 

  justpi · Member · Dec 3, 2013 at 8:30 pm

  • Copy link

  Oh boy. Each time I have to tackle a new CSS question re Suburbia, I come to hate the theme even more! Seems like it was designed by an amateur who doesn’t really know how to structure a theme…
  Try adding this:

  .hentry {
  margin-left: 197px;
  }

• 

  errorsinc · Member · Dec 3, 2013 at 9:06 pm

  • Copy link

  Haha, yes I’m beginning to see why! That said, I gave up entirely a few times earlier because of even more problematic themes.

  .hentry fixes the pages but moves the home posts all over. I tried with .page which does the same.

• 

  justpi · Member · Dec 3, 2013 at 10:45 pm

  • Copy link

  Oh boy again… My bad, for not checking things more carefully, but on the other hand, since dynamic pages display excerpts instead of full posts, they shouldn’t have the same selector (it should be “summary” or something like that instead of “hentry”).
  Try this:

  #single {
  margin-left: 197px;
  }

• 

  errorsinc · Member · Dec 3, 2013 at 11:21 pm

  • Copy link

  That’s perfect! Thanks so much again!

  Just the last marginally related issue: how can I reduce the grey space under the footer, it might help keep the fixed menu from overlapping the footer.

• 

  justpi · Member · Dec 4, 2013 at 2:57 pm

  • Copy link

  You’re welcome.

  You can start by removing the stats smilie:

  #wpstats {
  display: none;
  }

  If that’s not enough, add this too and play with the value:

  #wrapper {
  margin-bottom: -10px;
  }

• 

  errorsinc · Member · Dec 5, 2013 at 2:05 am

  • Copy link

  Thank you so much!