How to remove side bar on post in mobile mode

Posted in: Newspaper
Post count: 17

I just visit a website that website is using Same newspaper theme.
But when i open any post https://beebom.com/best-free-vpn-services/ on that website on desktop mode “Sidebar” is showing but when i open that post on the mobile mode that “sidebar” does not apper.

But in my case when i open my blog post on desktop mode sidebar show, but when i open that post on mobile mode also show sidebar below the post.

so here is my question How to remove the sidebar on a post in mobile mode. Please solve my problem as early as possible.

Post count: 35449

Hi,

You can use The Mobile Theme -> https://forum.tagdiv.com/the-mobile-theme/
Or you can use some custom css to hide the sidebar on mobile version.

Thank you for your understanding.

Post count: 17

Can you tell me step by step to remove side bar on Mobile Theme.

Please solve my problem as early as possible.

Post count: 35449

Hi,

Please add the below custom css in Newspaper>Theme panel>Custom code> advance css > Phones
.td-ss-main-sidebar{
display: none;
}

https://www.screencast.com/t/ecZJ6UAEnA4

Hope this will help you to achieve what you need.
Thanks.

Post count: 17

Thanks For You support. It’s works.

Another question is that does it need to activate “TD speed booster” plugin while i am using Wp Rocket caching plugin.

Post count: 35449

Hi,

Hire is the list with the plugins that we tested https://www.screencast.com/t/kZgFJRYJeG

First please check if the booster is activate -> https://www.screencast.com/t/Uxv76YH9l
Also there are some scripts that need to be load at the beginning of loading page.
In this topic you’ll find how to set those scripts in booster exception -> https://forum.tagdiv.com/topic/incompatibile-plugin-classic-editor/

Thank you for your understanding.

  • This reply was modified 7 years by Calin.
  • This reply was modified 7 years by Calin.
Post count: 17

When i upload that td speed booster plugin then i go to the Newspaper system status option i see that. As sown on the image. System

does it correct or wrong to use td speed booster plugin.

Post count: 35449

Hi,

You’ll need at add the classic editor to allowed list in speed booster, in order to do that please go in wp-content/plugins/td-speed-booster/td-speed-booster.php and add this code
'classic-editor/classic-editor.php',

https://www.screencast.com/t/5ytsJTA4

Thank you.

  • This reply was modified 7 years by Calin.
  • This reply was modified 7 years by Calin.
Post count: 17

I pasted that code following your instruction td
After when i go to the Newspaper theme status again showing that the following error. speed 2

Post count: 55

now puth this code 'coming-soon/coming-soon.php'

Post count: 17

After putting that code website getting 505 internal error.

Post count: 35449
Post count: 5

Hello Calin,

So, can I do that with every plugin that can’t work with speed booster? Just edit td-speed-booster.php and add the code of the correspondent plugin?

Tks,

Post count: 35449

Hi tonka3d,

Unfortunately this will not work to all the plugins, this will work only on those that do not need to be load in header, for those will create some issues.

Thank you for your understanding!

Post count: 5

Hi Calin,

At least the ones I set up are not showing anymore as not compatible and the speed booster shows as active.

Thank you

Post count: 24

What about if I wanted to hide the sidebar on mobile for NewsMag theme?

Thanks in advance.

Adam

Post count: 35449

Hi @abarrell,

Please prove me a link were I can inspect your website, in this way I will be able to provide you a custom css that will hide your sidebar on mobile version.

Thank you!

Post count: 24

Hi Calin,

Example post can be found – https://soperth.com.au/perth-public-holidays-bars-pubs-and-restaurant-opening-hours-27091

Essentially I just want to have it so the sidebar doesn’t show at the end of the post as I feel that this doesn’t add to the user experience and just increases site load time.

Thanks for your help.

Cheers
Adam

Post count: 35449

Hi,

Please set this custom css in Theme panel>Custom code>Advance css section phones -> https://www.screencast.com/t/qUpAKhGAzT
.td-pb-row .td-main-sidebar{
display: none;
}

Hope this will help you!
Thank you!

Post count: 24

Worked perfectly! Thanks so much for your help.

Cheers
Adam

Viewing 20 posts - 1 through 20 (of 20 total)
The forum ‘Newspaper’ is closed to new topics and replies.