My sidebar appears under my main content rather than in sidebar area: Lifestyle

[peppermintwindfarm]

I have a lifestyle pro theme, and between some fixing of the header and customizing some things, somehow my sidebar content appears under my recent posts on the main content area. It's like my sidebar has blank white space until the end of all of the recent posts, and then my sidebar content appears... once you visit the site, you'll see what I mean.

Any help would be much appreciated!

Thanks

http://www.peppermintwindfarm.com

[Victor Font]

The widths of your content and sidebar areas are all off. The parent site-container has a max-width of 800px. The content area is 700px and the sidebar is 332px. The combined widths of the content and sidebar cannot exceed the width of the parent element. 700+332=1032px. This is too wide to fit in an area that is only 800px wide.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[peppermintwindfarm]

Thanks Victor,
So I went in and switched it to 700px and 100px, but my sidebar content still appears so far down on the page rather than up toward the top... do you know why there is so much blank space?

Thanks for your help!
I really appreciate it.

Chelsey

[Victor Font]

You're not taking into account the padding in the site-container, which is 3.6em. This gives you a workable space of 648px in site-inner. You widths are still too wide.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[peppermintwindfarm]

Hm. I'm still not finding a solution. I went in and changed my width to 590px and my primary sidebar to 58px, to equal 648px, but it still didn't fix my problem with the sidebar appearing so far down. This is what it looks like right now and it didn't seem to change anything. Thanks for all of your input. Maybe I'm just not understanding correctly.

.content {
float: right;
width: 590px;

.sidebar-primary {
float: right;
width: 58px;

[Victor Font]

I just tested it, these numbers work:

.content {
    width: 700px;
}

.sidebar-primary {
    float: right;
    width: 324px;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts