Widget gets pushed to bottom of page on all new posts…

[Edward Garrett]

Bill,
Each new post pushes the right side-bar to the bottom of the post…not parallel to the post. Please advise…

As always, Thank you in advance!!
Best,
Ed Garrett

[Bill Robbins]

Hi Ed,

Good question. I noticed in the child theme that the width of the wrapper is set to 960px. The way CSS works, the last most specific style is the one that overrides everything that came before it. So the 960px width there for the wrap is overriding all of the widths that the parent theme has set. Because of that, the content area is too wide to fit next to the sidebar.

If you’re happy with the widths in the parent theme, then you can delete out the references to the #wrap width (I believe I spotted two in the child theme). Or if you do want to change the width, you’ll need to copy over the media queries from the parent theme and change the width of the #wrap as well as #content and #sidebar so they all fit inside.

If you run into trouble there, let me know.

Have a great week,
Bill

[Edward Garrett]

Thanks, Bill. I removed the 960px width. That is good. The Categories now appear correctly. THank you very much…

But, will you click on the “categories” links.
Only the “Men’s” category displays correctly, at the top of the page…

When I use the Inspector, I find the following in the blank space:

#content .fit-video {
margin-bottom: 25px;
}
.fit-video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}

As Always, Bill, Thank you in advance.
Ed Garrett

[Bill Robbins]

Hi Ed,

Looks like something is tricking those posts into making the theme think there should be a video there. It’s set to pull the first video of a post and display it in the archive view. I don’t see a video in those posts, but something is making it display the space for it.

You could hide it this way with some CSS:

.entry-header .fit-video { display: none; }

Or you could edit the index.php file and take out these lines:

<?php } else if ( $first_video != '' ) { ?>
				
	<div class="fit-video">
				
		<?php echo $first_video; ?>
				
	</div>

Let me know if that doesn’t do the trick there.

[Author]

Posts