The theme is optimized, resize your browser’s window and you will see it adjusts to any window size.
Right, I understand I can do that in my own browser, but my goal is to support readers who would not be aware of this.
Thanks a lot for your help.
They don’t need to be aware of that, if you open you website on a laptop or tablet the theme will adjust automatically.
You can read more on responsive web design here.
Maybe I’m making myself clear, or I’m not understanding something. I don’t think it’s possible. I’m familiar with responsive designs.
Essentially, i would like to change the resolution in the browser so that I can get around the 1600 minimum. For example, my laptop is only 1440px wide, so my default view of your theme will never see secondary sidebars as you designed the theme, without zooming out in Chrome to allow the content to fit. Does that makes sense? I would like to force my users to see it this way. Additionally, I prefer the text size when zoomed out as well. I can change the font sizes in CSS, but was hoping for some kind of global edit to affect the entire theme and content. Perhaps this isn’t possible, but I’ll survive. 😉
Thanks.
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.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
@acosmin, that’s fair enough and the community will try to help you out here.
@wp-student, looking at the theme author’s replies it suggests that you need to first start by creating a Child Theme: http://codex.wordpress.org/Child_Themes
