bayu-angora

Here is my custom CSS.

#overflow-container
{margin-left: 5%; margin-right: 5%;}

#title-info
{margin-left: 5%;}

#menu-primary ul.social-media-icons
{margin-right: 5%;}

@media all and (min-height: 600px){
.site-header
{position: fixed; width: 100%; z-index: 9999;}
.overflow-container
{padding-top: 60px;}
}

@media (max-width: 800px){
#logo
{margin-right: 36px;}
#toggle-navigation i.fa-bars
{margin-left: 36px;}
}

.menu-primary
{font-family: roboto slab; font-size: 18px; font-weight: 600;}

#site-description
{display: none;}

.social-media-icons i
{font-size: 24px;}

.entry-title, .excerpt-title
{font-size: 24px; font-weight: bold;}

.more-link
{color: #ff0000; font-weight: 600;}

.pagination
{color: #ff0000; font-weight: 600;}

.entry-categories p, .entry-tags p
{font-size: 16px;}

a:link, a:visited, a:hover, a:active
{text-decoration: none;}

#sidebar-primary section.widget .tagcloud
{line-height:28px;
text-align: right;
padding-bottom: 24px;}

I use margin left and right for overflow container
because I want the size smaller and not too width.

Please tell me if there any better code
to make my site look smaller and keep responsive.

Thanks, Ben. It works.
5 stars for this great theme.

I mean I want only two column + sidebar.
Don’t need to look like Pinterest at all.

I need = column A + column B (+ sidebar).

Can you help me?

I have this code ->

.sidebar-primary-container
{position: fixed;}

The widget sidebar is fixed.
But not in the right position.

How about only two column and fixed widget?