First of all, I need to clarify I am a big fan of Newspaper.
I just want to understand some important features.
Does the theme provide the function of customizing appearance for mobile and desktop versions ?
Please check the examples below:
http://www.smartm.com.tw/
http://www.smartm.com.tw/Article/31373738cea3
The sidebar will disappear when it turns into mobile version.
Could we do that in the Newspaper theme?
Many many thanks for your response. 🙂
Gabriel
Hello,
Unfortunately, at the moment the theme does not have an option to customize the mobile version. The desktop version is just adjusted to display correctly on mobile. Maybe in a future version we will be able to implement such options.
If you want to hide the sidebar on mobile you can if you use CSS to customize it. At the moment, on the mobile version the sidebar moves to the bottom of the content.
You can hide it by using this code:
@media (max-width:767px){
.td-main-sidebar{
display:none!important
}
}
This applies if the sidebar is a standard sidebar from the widgets area. If you create your sidebar in visual composer when creating a page and using column layout it will have to be targeted different.
I hope this helps.
Thanks.
I sincerely appreciate what you provided.
You have successfully earned my support for your company’s product. 🙂
Could you please tell me where to put the code you provide?
in Which .php file?
Many many thanks !!! 🙂
Gabriel
Hello,
The code i provided is a css code and requires no alteration of the php code. You simply put the code in the theme panel->custom css box. Or if you already updated your theme to the latest version, it’s called the ‘custom code’ tab now: http://screencast.com/t/ParnmwE4N
Thank you!
Hello,
” At the moment, on the mobile version the sidebar moves to the bottom of the content.”
Is it possible to adjust the width limit when sidebar goes to the bottom or activate mobile template with wider screen than with default settings?
Hello,
Unfortunately changing the width of the sidebar or the main content will cause problems as our theme was built on a fixed width and a grid view. Every element depends on this to display properly.
You can try it to see how it works by using this code:
@media (max-width: 767px){
.td-main-sidebar{
width:50%!important
}
}
As for the theme width for the mobile version, you will have to change quite a few parts of the style.css to make the theme activate the mobile theme on a different scrren size than 767px. Do a quick search through the style.css and search for 767 and see how many entries there are.(http://screencast.com/t/Nvc2O9O5ml) All of these will have to be adjusted to the new screen size if you truly need this customization.
Thank you!
