Responsive theme: different gaps between menu and body in main page and blog pag

• 

  sgbasu · Member · Jul 4, 2015 at 3:43 pm

  • Copy link
  • Add topic to favorites

  Site: sgbasu.com
  On my blog page, the gap between menu/nav bar and the body of text below is different from the home page. The gap is wider on blog page.

  Is there an element on CSS that can be changed to make the gap smaller like the home page?

  Thanks!

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

• 

  ehtis · Staff · Jul 5, 2015 at 1:28 am

  • Copy link

  Hi Basu,

  Try this code:

  .home #wrapper {
    margin: 20px auto auto auto;
  }

  It would extend the margin below the menu bar, to match that of blog’s page.

• 

  sgbasu · Member · Jul 5, 2015 at 4:39 am

  • Copy link

  Thank you, ehtis.

  But I’m looking to do the opposite. Reduce the blog pages gap to match the one on the home page.

  How can I do that?

• 

  ehtis · Staff · Jul 5, 2015 at 4:43 am

  • Copy link

  Here it is:

  #wrapper {
    margin: 0 auto 20px auto;
  }

• 

  sgbasu · Member · Jul 5, 2015 at 1:49 pm

  • Copy link

  Thank you. That works perfectly.

• 

  ehtis · Staff · Jul 5, 2015 at 9:21 pm

  • Copy link

  No problem, best of luck with your books! :)

• 

  sgbasu · Member · Jul 6, 2015 at 1:13 pm

  • Copy link

  Thanks 😀