Sidebar overlap no matter what size I make it

[yoda17 0]

Hey... first of all you guys are great!

 

I have the pagelines framework developer latest edition.

 

I just set up a new site and I have 2 sidebars... one of the left and one on the right.  It is a blog page and I put a single box in the content area as in introduction before the blog posts start under it.

 

Here's the issue:  The secondary side bar (on the right) overlaps the content on the box.  When I make that side bar width bigger... it continues to overlap because it moves to the left and creates space on the right.  No matter what size I make it, it does not help.

 

The website is http://lakeokeechobeebassfishingguides.com/

 

I have attached a screen  shot.  I circles the overlap in red and put a red arrow pointing at the space on the right that will increase if I make the sidebar wider.

 

Thanks in advance! 

 

[James B 436]

Hi Yoda

 

It looks like you're using an iframe inside the text widget which has a set px width set, which isn't resizing when the site gets shrunk in the responsive mode.

 

Try using the Pagelines responsive shortcodes for youtube videos inside your sidebar widget. An example can be seen in http://demo.pagelines.me/tools/, these will resize the video inside the widget when the page is resized.

 

Example below

[pl_video type="yahoo" id="42811051"]