Need help? Check out our Support site, then


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

  1. 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 mrdhondt.com.

  2. 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.

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

  4. 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%
    }
    }
  5. Thanks a lot! It worked :-)

  6. Awesome, and you are welcome!

  7. 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) ??

  8. 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;
    }
  9. 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!

  10. 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%;
    }
  11. Hi!

    It worked, thanks!

  12. Awesome, and you are welcome!

  13. @justjennifer,

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

You must log in to post.

About this Topic