WordPress.org

Forums

Twenty Twelve
Sidebar fixed width (1 post)

  1. viktor_smoliak
    Member
    Posted 1 year ago #

    How to change the CSS so that the right Sidebar when resizing the window width sidebar and widgets all was fixed. Help!

    * Minimum width of 600 pixels. */
    @media screen and (min-width: 600px) {
    	.author-avatar {
    		float: left;
    		margin-top: 8px;
    		margin-top: 0.571428571rem;
    	}
    	.author-description {
    		float: right;
    		width: 80%;
    	}
    	.site {
    		margin: 0 auto;
    		max-width: 960px;
    		max-width: 68.571428571rem;
    		overflow: hidden;
    	}
    	.site-content {
    		float: left;
    		width: 65.104166667%;
    	}
    	body.template-front-page .site-content,
    	body.attachment .site-content,
    	body.full-width .site-content {
    		width: 100%;
    	}
    	.widget-area {
    		float: right;
    		width: 26.041666667%;
    	}
    	.site-header h1,
    	.site-header h2 {
    		text-align: center;
    	}
    	.site-header h1 {
    		font-size: 26px;
    		font-size: 1.857142857rem;
    		line-height: 1.846153846;
    		margin-bottom: 0;
    	}
    	.main-navigation ul.nav-menu,
    	.main-navigation div.nav-menu > ul {
    		border-bottom: 1px solid #ededed;
    		border-top: 1px solid #ededed;
    		display: inline-block !important;
    		text-align: left;
    		width: 100%;
    	}
    	.main-navigation ul {
    		margin: 0;
    		text-indent: 0;
    	}
    	.main-navigation li a,
    	.main-navigation li {
    		display: inline-block;
    		text-decoration: none;
    	}
    	.main-navigation li a {
    		border-bottom: 0;
    		color: #6a6a6a;
    		line-height: 3.692307692;
    		text-transform: uppercase;
    		white-space: nowrap;
    	}
    	.main-navigation li a:hover,
    	.main-navigation li a:focus {
    		color: #000;
    	}
    	.main-navigation li {
    		margin: 0 40px 0 0;
    		margin: 0 2.857142857rem 0 0;
    		position: relative;
    	}
    	.main-navigation li ul {
    		margin: 0;
    		padding: 0;
    		position: absolute;
    		top: 100%;
    		z-index: 1;
    		height: 1px;
    		width: 1px;
    		overflow: hidden;
    		clip: rect(1px, 1px, 1px, 1px);
    	}
    	.main-navigation li ul ul {
    		top: 0;
    		left: 100%;
    	}
    	.main-navigation ul li:hover > ul,
    	.main-navigation ul li:focus > ul,
    	.main-navigation .focus > ul {
    		border-left: 0;
    		clip: inherit;
    		overflow: inherit;
    		height: inherit;
    		width: inherit;
    	}

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.