badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Eliminating Column Between Left Side Bar and Main Content

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #28572
    tomstrain
    Participant

    I am working on a site using the Attitude theme and would like to eliminate the space between the left sidebar and the main content. There appears to be a column in between the 2, however after trying things in the stylesheet I have been unable to shrink the left sidebar and/or make the main content area bigger. I have this on my test site now http://test.strainitconsulting.com. Can you please provide a little direction?

    Best,
    Tom

    #28584

    Hi Tomstrain,

    To eliminate the space between the left sidebar and the main content first remove the CSS code that you have edited in the main style.css and Go to Appearance -> Theme Options/Customize -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

    #primary {
        width: 76%;
    }
    #secondary {
        width: 20%;
    }
    @media only screen and (max-width: 1078px) {
    	#primary, #secondary {
    	   width: 100%;
    	}
    }

    Thank you!

    #28639
    tomstrain
    Participant

    Thank-you for the quick response! When I apply this updated CSS the widgets in the left sidebar are no longer responsive. Before the change, based on the size of the screen, the widgets would go to the bottom of the page. However now they continue to shrink based on the resolution. How can I keep the responsive nature of the site and still accomplish my original goal?

    -Tom

    #28711

    Hi Tomstrain,

    We have updated the CSS code in above reply #28584. Please remove previous CSS code from the custom CSS option and use above CSS code and it will work fine.

    Thank you!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.