Side bar

Hello Sayeed,

If you want to disable all the sidebars in mobile and tablet mode, you need a bit of CSS to hide this option. Plase try the code below and place it in Theme panel->Custom CSS area, like this: http://screencast.com/t/5iPUuNZoso3l

@media (max-width:767px){
.td-ss-main-sidebar {
display:none;
}
}

The above code is only for posts. If you want to hide them for pages, it is not a simple task because it is not easy to target the sidebar class and it depending on how you set the sidebars for pages. As a method to add the sidebar for pages would be with Visual Composer and with Widgetised element, like this: http://screencast.com/t/dXPluCP9xJy or you have to edit each column for responsive from Visual Composer because it is not a specific class for this kind of sidebar to hide it with CSS, like this -> http://screencast.com/t/avmaxUjj5Ala

The code is ->

@media (max-width:767px){
.wpb_widgetised_column {
display:none;
}
}

Please notice that the more article box is not displayed for the mobile version by default.

@media (max-width: 767px){
.td-more-articles-box {
display: none !important;
}
}

If you want to activate for a mobile version you have to switch to display:block!important

For your second request, if you want to reduce the size for the next/prev button on smart list 7 you have to use a bit of CSS. Please try the code below and place it in Theme panel->Custom CSS area.

.td-smart-list-button {
padding: 7px 10px;
font-size: 14px;
}

Hope this helps and let us know how it goes!

Thank you for the message!

Hello dbauknight,

If you want to apply or not the code according to the devices, please notice that you can add the code into your advanced CSS box from Theme panel, like this -> http://screencast.com/t/u9ooxMjHY6 for each one.

Thank you for the message!