Viewing 4 replies - 1 through 4 (of 4 total)
  • BusyMommyDXB

    (@busymommydxb)

    I did it, but probably not in a very proper way. I just don’t put any widgets in one of the columns and then extended the main post area column wider.

    You can see what it looks like: http://thirdculturefamily.com

    I’ll be watching this thread for the “proper” way to do it though! Would love to know…

    I’m looking for this info too.

    This should do it. Must be used in child theme stylesheet or Custom CSS plugin, because it needs to work on top of parent style.

    /* ========== adjust sidebar begins ========== */
    
    #content, #content .entry-content { width: 100%; }
    
    #main { width: 72.595%; }
    
    #tertiary img { max-width: 100%; height: auto; }
    
    @media screen and (max-width: 1024px) {
    	#tertiary {
    		width: 23.775%;
    	}
    }
    
    @media screen and (max-width: 880px) {
    	#main {
    		width: 100%;
    		float: none;
    		overflow: hidden;
    	}
    	#tertiary {
    		width: 100%;
    		margin-top: 40px;
    		padding-top: 30px;
    		border-top: 1px solid #ddd;
    	}
    }
    
    #secondary { display: none; }
    
    /* ========== adjust sidebar ends ========== */

    Oh Nice. Just popped it on and it looks good so far.
    http://www.awhatmom.com

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘2 column page template’ is closed to new replies.