[GAZETTE] Footer/Left Sidebar Locations

  • Unknown's avatar
    elysiumprojectmain · Member ·

    Hey there,

    So I made a post a couple days ago on the sidebar customization but the sidebar ends up not being something we’re gonna use too often. We’re using this CSS to make the post margins bigger and fill the screen with text, effectively removing the sidebar. This is all great but there’s a small weird thing at the bottom of a page I was hoping that could be fixed.

    This is what the bottom of the post looks like:


    Is there anyway to move the Related Posts section up further so there aren’t giant empty spaces?

    This is the CSS being used:

    /* Make content column full-width on
    single posts, and remove sidebar border */
    .single .site-main {
    width: 100%;
    border: none;
    }

    /* Make post content full width on
    single posts */
    .single .entry-content {
    width: 100%;
    }

  • kokkieh · Staff ·

    Hi there,

    The problem is that your code doesn’t take into account the specific styling the theme uses at specific screen sizes. In this case, while your code does what you want to the content area, it breaks the layout for other elements on the page on wider screens.

    This code will make the Like button element, the Related Posts, and the comments area full-width as well on larger screens:

    @media screen and (min-width: 1080px) {
	.comments-area {
		float: none;
		width: 100%;
	}
	.entry-footer {
		width: 100%;
	} 
}

    Also note that your plan gives you access to both live chat and direct email support. You can reach those at any time by clicking the Help icon that appears bottom-right on all the My Sites pages, or else via the direct link at https://wordpress.com/help/contact

  • Unknown's avatar
    elysiumprojectmain · Member ·

    Awesome, thank you very much! It did exactly what I needed it to.

    Also I didn’t realize the live chat covered CSS help. That’s very good to know, thank you! Luckily it wasn’t vital. Doing a bunch of other things too.

  • supernovia · Staff ·

    Here’s the scope of CSS support that we typically offer:
    https://wordpress.com/support/custom-design/css-support/

    So this change is a bit outside of that, but our live chat team can help with the CSS mentioned there. Cheers!

  • The topic ‘[GAZETTE] Footer/Left Sidebar Locations’ is closed to new replies.