Onenaija Blog

The People's Blog

  • Home
  • Blogging
    • Blogger
    • WordPress
    • Google Adsense
    • Video
  • Computer/Internet
    • Tips & Tricks
    • Mobile Tips/ Tricks
    • Pc Tips/ Tricks
  • Tech
    • Android
    • Facebook
    • Youtube
    • Reviews
  • Others
    • Making Money Online
    • Entertainment
    • Forum
  • About Me
    • Contact Me
  • Hire Me
  • Advertise With Us
  • Guest Post
Home » Blogging » Wordpress » Easily Remove Your Sidebar Widget On Your Blog Mobile View

Easily Remove Your Sidebar Widget On Your Blog Mobile View

December 19, 2016 By: babanature6 Comments

Facebook
Twitter
Pinterest
Linkedin
Bufferapp

I love my blog simple and easily to get access to. Any distraction should be removed so my readers can get the best out of onenaijablog or what do you think?

A while back, a friend asked me how I made the sidebar on my blog mobile view disappear but shows on my desktop view. And I asked him, would you like that on your blog? And he replied, yes.

Must Read: Clean Your Blog And Attract Search Engine Using These Methods

So on our today’s post; we will be discussing how to hide our sidebar on our blog’s mobile view.

Reason you might want this on your blog

Have you ever tried scrolling down a blog using your mobile phone? How stressful is it before you see the footer of the blog you’re scrolling?

Tell me, do readers who surf your blog using their mobile phones actually have the time to check your blog widgets? If I don’t have the time, many readers certainly don’t as well.

You can help your mobile readers save internet data by hiding your sidebar widget on mobile visitors 😉

Easily Remove Your Sidebar Widget On Your Blog’s Mobile View

You can relieve the stress of your readers and improve the speed of your blog by removing the sidebar widget on your mobile view.

We are going to do this tutorial in 3 working steps…

Note: before you carry out any of the steps, please make sure you do a backup of your file. So you can revert when you make a mistake.

First step #1

This step is for the Genesis themes and non-Genesis theme users…

Must Read: A Non Techie Guide on How To Improve The Speed Of Your Blog

Go to your blog dashboard >>> click “Appearance” >>> click “Editor” and add the below code to your CSS.

@media screen and (max-width: 480px) {

body:not(.home) #content .sidebar-primary {

display: none;

}

}

By using the above CSS code, it will help you hide your sidebar widget on any 480px screens and below.

First step #2

If you are a non-Genesis user, you can start by go to your blog dashboard >>> click “Appearance” >>> click “Editor” and navigate to your “sidebar.php”

   

Note: at your end, it might be “sidebar-single.php, sidebar-blog.php, sidebar-archive.php” depending on the theme structure.

Now find the line 8, and add “visible-desktop” to the Secondary Class session… You can take a look at the example below

<div id="secondary" class="widget-area span3 visible-desktop" role="complementary">

After you have added the line, click “Update File” and you are done

First step #3

If you are afraid of playing with codes, you can use a plugin to ease your stress.

There are enough plugins that can help you out with hiding your sidebar widget… but one of the plugins I’ll recommend you use is “Widget Option” and you can download it using this link.

Widget Option allows you to easily hide all widgets or any widget you feel like hiding either on your desktop or your mobile view.

Conclusion

If you are searching for a way to hide your sidebar widget on mobile, now here’s a complete guide for you.

Back to you

Looks like I have said so much about so much on how to hide your sidebar widget on your blog’s mobile views, now it’s time to pass the keyboard to you guys.

Must Read: Got A Blog But Haven’t Made A Dime From It? Here’s What To Do

Do you have comments, questions, or thoughts you’d love to share with us? Please do by using the comment box below.

Remember that your comments, questions, and thoughts are highly welcomed and most appreciated.

Be social

Do share this post with your blogging friends and groups. I am sure they will find the post useful and resourceful enough to thank you.

Do not forget to subscribe to our feed for your latest and most fresh content on the go.

Don't Miss Any Post Again. Subscribe To Our Feed And Be Updated

Enter your email address below:

 

Powered by OnenaijaBlog

Facebook
Twitter
Pinterest
Linkedin
Bufferapp

About babanature

I am a researcher and internet consultant. I love designing web sites, building blogs, doing tutorials, playing with codes, watching cartoons, writing articles, blogging, singing and lots more...
You can always hook me up on Facebook, twitter, YouTube and Google+

Comments

  1. Junaid Shahid says

    December 20, 2016 at 5:59 pm

    Hi babanature !
    Thanks for sharing your personal experience and also for the tutorial, but there are some themes which allow you to customized your mobile site view as you can customized the widget from the front end side did you experienced them.

    Reply
    • babanature says

      December 21, 2016 at 8:07 am

      Hello Junaid,

      I don’t think themes offer this special feature. it is possible to remove widget on a particular post or page but not on mobile view 😉
      babanature recently posted…Easily Remove Your Sidebar Widget On Your Blog Mobile ViewMy Profile

      Reply
      • Junaid Shahid says

        December 22, 2016 at 2:59 am

        Hi Babanature !
        Thanks for your understanding, I am using newspaper theme and am sorry, this theme provide mobile customization separately but not widget removing feature once again thanks for your guidance.

        Reply
        • babanature says

          December 23, 2016 at 3:32 am

          Most welcome Junaid,

          Glad to know that you have confirmed and replied. I appreciate your reply…

          Have a wonderful week ahead… 😉
          babanature recently posted…Easily Remove Your Sidebar Widget On Your Blog Mobile ViewMy Profile

          Reply
  2. Darrell harris says

    December 30, 2016 at 3:22 am

    Hello Babanature
    Great post! I read you all the time ,first time commenting. You always provide real world helpful information that’s very useful especially for us non-techie bloggers. A lot of food for thought on your blog. Thanks for sharing and blessings through out this new year.

    Reply
    • babanature says

      January 2, 2017 at 4:36 pm

      Hello Darrell,

      Comments like your is what keeps me motivated and still bringing out killer contents 😉

      Thanks for the comment, i truly appreciate… have a blessed new year.
      babanature recently posted…How To Remove Password From PDF File Without Knowing The PasswordMy Profile

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

CommentLuv badgeShow more posts

Search The Blog

DO YOU WANT TO PROMOTE YOUR PRODUCT?

Do you have a product that you would like us to review here at onenaijablog? If you already have a post written for your product, would you like us to publish it to our unique blog readers? Then take the advantage of our low cost plan by . Contacting Us Today

Recent Reviews

  • InnJoo Halo
  • Infinix Hot 2 (X510)
  • InnJoo Fire

RSS Contents From Babanature Blog

  • Don't download latest Windows 10 update if you own one of these popular laptops
  • The new Android 11 features that will actually change your phone
  • The new PlayStation 5 looks like a giant broadband router
  • 5 secure smartphone settings that’ll protect you from hackers
  • Facebook's new tool reveals if you're being scammed

FOLLOW ONENAIJA BLOG

Icon IconIcon Follow Me on Pinterest

Translate to Your Language

Friend Us On Facebook

Copyright © 2021 · Proudly Onenaijablog Re-Touched By, Babanature | Google+