Help with landing page – how do I remove the empty sidebar?

[laura]

Hi

I hope someone can help me 🙁

I've created a new landing page (called header-landing), using exactly the same code as the default landing page that came with the theme (magazine-landing), except that I have left the header in place on the new landing page.

However, even though I have used the exact same code, I am left with an empty sidebar.  How to I remove this?

Page: http://www.momgoesonline.com/activate-subscription/

Theme: Magazine

Thank you so much for your help

Laura

http://www.momgoesonline.com

[David Chu]

Hi,
It looks like there's a sidebar there, but actually there isn't one, it's because your CSS for the landing page content is narrow, just 650px wide. The regular full-width content is 910px wide... you could set it to that, but to me, the "You're Almost..." heading going all the way across looks a little weird.

If you like it that way, you could comment out the following line in your CSS, and it will fill the page right up:

.full-width-content.header-landing #content {
  width: 650px;
}

Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[laura]

Hi David

Thank you for that - but I want to reduce the size of the landing page wrap, instead of increasing the width of the content.  I thought I set it to 700px using this code, which I just copied from the original landing page.

.header-landing #content-sidebar-wrap {
width: 700px;
}

The weird thing is that in the mobile responsive version, there is no blank sidebar?  So could it be caused by something else?

Thank you for your help

Laura

 

[laura]

Hi David

I have created a test page with the standard landing page from the magazine theme - this is the width I want to achieve.  So I copied the code of this landing page, but somewhere along the line an empty sidebar is not removed (or added), and I cannot find where that is happening.

Sample from theme: http://momgoesonline.com/test-landing-template/

Laura

[David Chu]

Hi,
Right, you agree with me that it was too wide. 🙂 You were very close on the 2nd one. Try this, and if it works, compare it to the HTML, and you'll see why.

.header-landing #inner .wrap {
  width: 700px;
}

I didn't see your other pages, so you'll want to check them, and make sure they're still cool. Sometimes a CSS command will work "everywhere" until you make it specific enough.

Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[laura]

It worked!! Thx 🙂

[David Chu]

🙂

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[detox]

I too am having the same issue. No matter what I do. I have read through the old forum over the last 3 days but, I am still stuck or missing something. I just would like my title and content centered on a full page landing page. (agentpress2)

http://gilberthomeguide.com/free-home-valuation/

Would somebody please enlighten me?

Thank you,

detox

 

[detox]

I am having the same issue. I am using Agentpress2 and the landing page template included is giving me nightmares. I have read through hundreds of old forums postings and I still cannot seem to get my title and content to display correctly. I must be missing something. There appears to be an active sidebar on my landing page. I am trying to display my landing page as a full width page and to have the title and content centered on that page.

http://gilberthomeguide.com/free-home-valuation/

Any help would be greatly appreciated.

Thank you & enjoy your day,

Detox

[Author]

Posts