Sidebar widgets on homescreen, but once you click on post it shows full width po

• 

  mrdhondt · Member · Nov 14, 2017 at 6:15 pm

  • Copy link
  • Add topic to favorites

  Hi there! Is it possible to keep the sidebar when you’re on the homescreen of my website, but once you click on a post it shows a full blog post so the sidebar moves to the bottom? (I heard people from the HelpChat saying I needed to ask it on here).
  Thanks!

  The blog I need help with is mrdhondt.com.

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

• 

  yoga1103 · Member · Nov 14, 2017 at 6:28 pm

  • Copy link

  HI,

  The theme you are using “goodz-magazine” is a premium theme and they have their own support forum at https://premium-themes.forums.wordpress.com/forum/goodz-magazine
  You will get your queries answered faster there.

• 

  justjennifer · Member · Nov 14, 2017 at 6:37 pm

  • Copy link

  Hello @yoga1103 Please note that this thread is posted in the CSS Customization forum at Support’s request according to the user. :)

• 

  thesacredpath · Member · Nov 14, 2017 at 8:24 pm

  • Copy link

  Hi @mrdhondt, I believe the following will get you what you are wanting, but for readability, the golden rule is that lines of text should be around 66 characters maximum (including spaces and punctuation). Longer than that, and the eye can have trouble moving from the end of one line to the beginning of the next.

  .single .col-md-9 {
    width: 100%
  }
  @media screen and (min-width: 992px) {
  .single-post #secondary {
    max-width: 100%;
    width: 100%
  }
  }

• 

  mrdhondt · Member · Nov 14, 2017 at 8:36 pm

  • Copy link

  Thanks a lot! It worked :-)

• 

  thesacredpath · Member · Nov 14, 2017 at 8:41 pm

  • Copy link

  Awesome, and you are welcome!

• 

  mrdhondt · Member · Nov 14, 2017 at 8:57 pm

  • Copy link

  Hi again!

  Is there also a way to keep it a full width post, but don’t show the widgets at the bottom? (visibility= none) ??

• 

  thesacredpath · Member · Nov 15, 2017 at 12:05 am

  • Copy link

  Yes, instead of this part

  @media screen and (min-width: 992px) {
  .single-post #secondary {
    max-width: 100%;
    width: 100%
  }
  }

  add this instead.

  .single-post #secondary {
    display: none;
  }

• 

  mrdhondt · Member · Nov 15, 2017 at 9:46 am

  • Copy link

  Hi! Thanks for that?

  Is there a CSS for having it centered for every page and category (except the HOME-screen)?

  I still want to keep this with it tho:
  .single-post #secondary {
  display: none;
  }

  Thanks!

• 

  thesacredpath · Member · Nov 15, 2017 at 6:34 pm

  • Copy link

  Hi, another Happiness Engineer asked about this in one of our communication channels and probably emailed the solution to you, but just in case you did not receive it, replace what I had given you with the following, which takes the sidebar away on all pages and posts except for your home page. Let me know if you have any issues. Remove what I had given you above and replace with this.

  body:not(.home) .col-md-9 {
    width: 100%;
  }
  body:not(.home) #secondary {
    display: none;
  }
  body:not(.home) .entry-content img {
    width: 100%;
  }

• 

  mrdhondt · Member · Nov 15, 2017 at 6:38 pm

  • Copy link

  Hi!

  It worked, thanks!

• 

  thesacredpath · Member · Nov 15, 2017 at 7:52 pm

  • Copy link

  Awesome, and you are welcome!

• 

  yoga1103 · Member · Nov 21, 2017 at 8:43 am

  • Copy link

  @justjennifer,

  apologies! Didn’t realize the query came from the theme support to the CSS Customization forum.