acosmin

I am sure this is not a theme related issue and I’m marking this ticket as resolved.

You are referring to this code in style.css?

::selection {
	background: rgba(0,0,0,0.9);
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: rgba(0,0,0,0.9);
	color: #fff;
	text-shadow: none;
}

I think you can add !important to make it work, like this:

::selection {
	background: #000 !important;
	color: #fff !important;
	text-shadow: none;
}

::-moz-selection {
	background: #000 !important;
	color: #fff !important;
	text-shadow: none;
}

Hi! I am sorry but this isn’t a support forum for third party plugins. The plugin might not be compatible with this theme.

The only thing you can do is open style.css, find:

.single-template-1 .single-content {
position: relative;
padding-top: 35px;
border-top-width: 5px;
border-top-style: solid;
line-height: 145%;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
-ms-word-wrap: break-word;
word-wrap: break-word;
}

Replace it with:

.single-template-1 .single-content {
position: relative;
padding-top: 35px;
border-top-width: 5px;
border-top-style: solid;
line-height: 145%;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
-ms-word-wrap: break-word;
word-wrap: break-word;
padding-left: 50px;
}

It will add some padding on the left side.

Open single.php and remove:

<aside class="share-pagination<?php if( $disable_about ) { echo ' about-disabled'; } ?> clearfix">

                    <?php
						// Next - Previous Post
						ac_post_nav_arrows();
					?>

                    <div class="clear-border"></div>
                </aside><!-- END .share-pagination -->

Hi! Sorry but I don’t plan on adding more options for the mini-sidebar.

The space is so small and you can’t add any widget in there (except lists, ads and maybe some text).

With a little php/html knowledge you can add something but I don’t recommend it.

I am sorry but there is a lot of custom work involved in what you are saying and I am not available for hire.

You can try jobs.wordpress.net.

Or you can open ../assets/js/myscripts.js, find:

if( $(window).width() >= 1600 ) {
			$('.mini-sidebar').removeClass('browse-window-opened');
			$('#browse-more').removeClass('activated');
			$('.mini-sidebar').removeAttr('style');
		}

change 1600 to the size you want and after that adjust the percentages (for media queries) in style.css. Example:

/* Desktop version */
@media screen and (max-width: 1700px) {
	/* ------ */
	.content-wrap { width: 70%; }
	.sidebar { width: 30%; }
}

@media screen and (max-width: 1600px) {
	.mini-sidebar, .mini-sidebar-bg, .wrap-over-1600, .browse-more .banner-160-wrap {
		/* Elements with Display None */
		display: none;
	}
	.browse-more {
		/* Elements with Display Block */
		display: block;
	}

	/* ------ */
	.content-wrap { width: 68%; }
	.sidebar { width: 32%; }
	.wrap-template-1 { margin: 0; }
	.posts-wrap { padding: 0 45px 0 0; }
	.post-template-1 .details .detail, .single-template-1 .details .detail { margin-left: 15px; }
	.single-template-1 .details .detail:first-child { margin-left: 0; }
	.single-style-template-1, .about-share, .comments-area, #disqus_thread { padding: 0 45px 0 0; }
	.slider-wrap { padding: 0 45px 0 0; }
	.ac-social-buttons-widget ul li { width: 48%; }
}

First remove:

.mini-sidebar, .mini-sidebar-bg, .wrap-over-1600, .browse-more .banner-160-wrap {
		/* Elements with Display None */
		display: none;
	}
	.browse-more {
		/* Elements with Display Block */
		display: block;
	}

I will not explain more than that because I need to test a lot of other things and it takes a lot of time.

The theme is optimized, resize your browser’s window and you will see it adjusts to any window size.