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

  • Author
    Posts
  • #3046444

    mrdhondt
    Member

    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.

    #3046592

    yoga1103
    Member

    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.

    #3046596

    justjennifer
    Moderator

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

    #3046625

    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%
    }
    }
    #3046627

    mrdhondt
    Member

    Thanks a lot! It worked :-)

    #3046628

    Awesome, and you are welcome!

    #3046632

    mrdhondt
    Member

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

    #3046651

    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;
    }

    #3046719

    mrdhondt
    Member

    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!

    #3046759

    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%;
    }

    #3046760

    mrdhondt
    Member

    Hi!

    It worked, thanks!

    #3046763

    Awesome, and you are welcome!

    #3046858

    yoga1103
    Member

    @justjennifer,

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

The topic ‘Sidebar widgets on homescreen, but once you click on post it shows full width po’ is closed to new replies.