How To Hide Widget On Mobile View Of New Blogger Themes

This is another post related to blogger New themes. It is very obvious that the new blogger themes are responsive themes and example is "Emporio".  However, if you are using one of the theme(emporio theme), you should notice that whatever you add to your blogger blog Layout or Html Theme will  displays both on the desktop and mobile view of the same particular blog.. This means if you've added lots of widgets to your blog, the mobile view will be so clustered.

You might not feel comfortable seeing an unwanted widget displaying on desktop view of your blog. Therefore, the only solution to stop the displaying of mobile widget is to hide it. Thatis, hide blogger widget from displaying on the mobile view of your blog theme (new).

How To Get Started 

Firstly, you need to know the ID of the blogger widget or gadget.

Then sign in to your Blogger dashboard at

Navigate to "Theme" > "Customize" > "Advanced" > "Add CSS"

Copy the below css code and paste it below into the box:

@media screen and (max-width: 480px){ #HTML15 {display:none;} }

Finally the "Apply to Blog" button to save t he css code.

That's all.

Now that you have added the css code, the widget will be hidden when your blog is viewed on a mobile device whose screen width is less than 480px.


Recommended :

==> How To Get the ID of Any Blogger Blog Gadget
==> How To Hide Blur Images On Post Pages of Emporio Blogger Theme

Newbie Bloggers can't make use of Emporio New Blogger Theme, Subscribe to us to become a pro and also you can read some other tutorials we made about "Emporio" Blogger Theme.