Sidebar Shifted on IE

Community Forums Forums General Discussion Sidebar Shifted on IE

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by  GDubs 1 year, 2 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #93647

    GDubs
    Participant

    Our home page is setup in a content/sidebar format and we are super happy with the theme. However, the sidebar content gets shifted down below the last line of main content when viewed via Internet Explorer. This is a big problem as we have paid advertisers at the top of the sidebar.

    Any ideas or help on how we address this?

    Thanks

    • This topic was modified 1 year, 2 months ago by  GDubs.
    • This topic was modified 1 year, 2 months ago by  GDubs.
    http://www.agxmedia.com
    #93658

    Try reducing primary sidebar width by few pixels and then check.


    #93730

    GDubs
    Participant

    That narrowed up the sidebar but increased the gap to the main content, so no change in the appearance on IE

    • This reply was modified 1 year, 2 months ago by  GDubs.
    • This reply was modified 1 year, 2 months ago by  GDubs.
    #93794

    To troubleshoot, revert to original dimension for column sections to isolate what is causing this issue. Replace your existing code with following in style.css and then check. If all works fine, you can use this as starting point to change section widget values as per requirement.

    /* Content */
    
    .content {
    	float: right;
    	width: 750px;
    }
    
    .magazine-landing .content {
    	background-color: #fff;
    	padding: 50px 60px 24px;
    }
    
    .content-sidebar .content,
    .content-sidebar-sidebar .content,
    .sidebar-content-sidebar .content {
    	float: left;
    }
    
    .content-sidebar-sidebar .content,
    .sidebar-content-sidebar .content,
    .sidebar-sidebar-content .content {
    	width: 540px;
    }
    
    .full-width-content .content {
    	width: 100%;
    }
    
    /* Primary Sidebar */
    
    .sidebar-primary {
    	float: right;
    	width: 360px;
    }
    
    .sidebar-content .sidebar-primary,
    .sidebar-sidebar-content .sidebar-primary {
    	float: left;
    }
    
    /* Secondary Sidebar */
    
    .sidebar-secondary {
    	float: left;
    	width: 180px;
    }
    
    .content-sidebar-sidebar .sidebar-secondary {
    	float: right;
    }

    #93840

    GDubs
    Participant

    Thanks, we were not too far off from these values to begin with, however, even after reverting back to these, we are still losing the sidebar content to the bottom of the page.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.