Sidebar Hidden on Mobile

Posted in: Newspaper
Post count: 43

Hi Marious,

Is it possible to hide parts of the blog in the mobile theme? Like sidebar, footer, etc.

Thanks!

Post count: 854

hi,
yes is posible, by use of css

css to hide sidebar and footer :

div.span4, .td-footer-wrap {
   display: none !important;
}

here: http://screencast.com/t/o79ehT1UMP

Thanks for you message.
Radu A.

Post count: 43

Thanks, Radu!

Post count: 43

Hi guys,

In the past (version 3.0), I hide my side and footer with this code:

div.span4, .td-footer-wrap {
display: none !important;
}

How can I do it now in Newspaper Version 6.6?

Post count: 22421

Hello,
In newspaper 6 there is an option to show the footer or not: http://screencast.com/t/KPxfIaGn
As for the “side”, I’m not quite sure which side you are referring to. Please provide more details to what you want to hide.
Thank you!

Post count: 43

Hi Bogdan B.,

Thanks for your answer, but I want to hidden the footer and sidebar (right) ONLY in MOBILE VERSION.

If I use this http://screencast.com/t/KPxfIaGn, I’ll not show in every format.

Do you know te CSS code for this?

Post count: 22421

Hello,

In order to remove the footer and sidebar for mobile please use this code:
@media (max-width:767px){
.td-footer-wrapper{
display:none!important;
}
.td-sub-footer-container{
display:none!important;
}
.td-ss-main-sidebar{
display:none!important;
}
}

This code will remove the footer, sub-footer and sidebar.

Thank you!

Post count: 43

Hi Bogdan,

Unfortunately, the code didn´t work.

I tried in these two places: http://farm2.staticflickr.com/1693/24484248996_fbc99c2566_o.jpg

Is it right?

Post count: 21

Hi Radu A
it’s not working for me. What is wrong?
http://www.yallamag.net/

  • This reply was modified 10 years by moor.
Post count: 22421

@cybergetro,
You only need to use the code in the custom css box. Not in both places. If it still does not work, please provide a link to your website so i can inspect it.

@moor
,
The method provided by Radu A does not work anymore as this is a very old topic from march 2014. The code has been changed a lot since then. If you are trying to hide the footer or sidebar on the mobile version like @cybergetro, then please use the code above to do it.
Thank you!

Post count: 21

Hi Bogdan B
It doesn’t work too: http://www.yallamag.net/

Post count: 22421

Hello,

On your website just te sub-footer is showing. If you want to hide that one as well, you can use this code:
.td-sub-footer-container{
display:none!important;
}

result: http://screencast.com/t/lqmCIbhiygN4
If this code does not work either, then please check your custom css from the theme panel as there may be an open tag there that prevents any other css from working properly.

Thank you!

Post count: 21

Hi,
Thank you for your quick response. I want to hide only the sidebar.

Post count: 21

the Sidebar on Mobile

Post count: 22421

Hello,
Your sidebar does not work with the code above as it’s not a default sidebar from the sidebars section of WP. It is created using row settings in visual composer.
Please use this code to do it:
@media (max-width:767px){
.td-pb-span4{
display:none!important
}
}

Thank you!

Post count: 21

Thank you BOSS! It works perfectly now! I

Post count: 43

Great! IT WORKS NICE.

Thanks again, Bogdan B.!

Viewing 17 posts - 1 through 17 (of 17 total)
You must be logged in to reply to this topic.