Jump to content

Sidebar overlap no matter what size I make it

Recommended Posts


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! 



Share this post

Link to post
Share on other sites
James B

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"]

  • Like 1

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now