Reduce Gap Main Navigation Page Content

• 

  faunageo · Member · Jul 15, 2017 at 3:34 am

  • Copy link
  • Add topic to favorites

  Hi there!

  This is about pages only (not posts)
  On all pages, I have added css to hide titles. OK for that.
  Now, when I go to the page, I see a large white space between main navigation and page content. Is there a way to reduce such gap?
  https://wiserbrains.wordpress.com/contact/

  Posts look ok on that aspect
  https://wiserbrains.wordpress.com/2017/07/04/p5/

  Thank you
  Ralph

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

• 

  thesacredpath · Member · Jul 15, 2017 at 6:13 pm

  • Copy link

  Ralph, this is sort of a “catch all” on h1 elements in content on pages, so it would affect any and all h1 within page content, even those that may be further down in the content.

  .page .entry-content h1 {
    margin-top: 0;
  }

• 

  faunageo · Member · Jul 16, 2017 at 3:09 am

  • Copy link

  Thank you so much!!!

  My I ask you for another issue?
  Is it possible to move the side bar to the left only for posts and post archives (categories, archives, etc)… everything related to post? but keep it on the right for pages?

  If not, how to move it to the left for the entire site?

  Thank you indeed
  Ralph

• 

  thesacredpath · Member · Jul 17, 2017 at 10:00 pm

  • Copy link

  Hey Ralph, moving the sidebar from one side to the other is a bit complex. Add this to the very bottom of your custom CSS and see what you think. Make sure and check single posts and also archive type pages.

  @media screen and (min-width: 899px) {
    .archive.has_sidebar .sidebar, .single.has_sidebar .sidebar {
      float: left;
      padding-left: 0;
      padding-right: 1.875em;
    }
    .archive.has_sidebar .content-area, .single.has_sidebar .content-area {
      float: right;
      margin-right: 0;
      max-width: 60%
    }
    .archive.has_sidebar .site-main::before, .single.has_sidebar .site-main::before {
      left: 30%;
      right: auto;
    }
    .archive.has_sidebar .site-main, .single.has_sidebar .site-main {
      margin-left: 0;
      padding-left: 1.875em;
      margin-right: auto;
      padding-right: 0;
    }
  }
  @media screen and (max-width: 1358px) {
    .single.has_sidebar .content-area {
      max-width: 70%;
    }
  }

• 

  faunageo · Member · Jul 17, 2017 at 11:25 pm

  • Copy link

  @thesacredpath

  Wow!!! it’s indeed theme specific and so complex for HIVE
  But, as always, it worked wonders!!!
  Genius! Thank you
  Ralph

• 

  thesacredpath · Member · Jul 17, 2017 at 11:52 pm

  • Copy link

  You are welcome.