[crneuman]

Would very much like to shrink the sidebar width for the tablet size. With an iPad in portrait orientation, the sidebar takes up almost half of the screen on both the main blog page (masonry + sidebar) and the individual page or blog page with sidebar.

I tried shrinking the sidebar size in the 768.css, but that also shrunk the sidebar in desktop view as well.

Any suggestions?

[serkan]

Could you provide me your url please ?

[crneuman]

neumediaauto.com

[serkan]

You can use this custom css code.

@media screen and (min-width: 768px) {
.sidebar { width: 25%; } }

@media screen and (min-width: 768px) {
.with-sidebar { width: 75%; } }

[crneuman]

Looks great on iPad, but on my laptop, the content and sidebar have moved over to the right a bit. No longer centered.

[crneuman]

Any ideas?

[serkan]

You can use this custom css code
@media screen and (min-width: 768px) and (max-width: 991px) { .sidebar { width: 25%; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .with-sidebar { width: 75%; } }
Thanks

[crneuman]

Works great. Thanks.

[serkan]

You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.