How I make My Blogger Widget show Only on Mobile View

blogging tips

 For sure,There are some of your Blogger widgets which you want to show only on your blog’s mobile view,Maybe they are more Important to your Readers accessing your Blog using their Mobile Devices.
If you think using the mobile=’only’ attribute on the widget Html code would do the Trick,you would get an error message when trying to save arrangement on your blog layout.
So in this Post,ill show you how to make some widgets show only on your blog’s mobile view.

 HOW TO DO THE TRICK

  • Sign In to your Blogger Dashboard
  • click on ‘template’
  • Proceed to the HTML Editor page by clicking ‘Edit HTML’ on the Template Page.
  • once on the page, Hit CTRL+F to see a search box.
  • Search for ]]></b:skin>
  • Paste the code Below right above ]]></b:skin>

#HTML1{
display : none;
}

@media all and (max-width: 768px)  {

#HTML1{
display : block;
}

}

NOTE: You may Need to set your blog Mobile Template to ‘Custom’ before this trick can work…Also,be sure to Replace the Blue Highlighted HTML1 with the Html ID/Number of the widget you want to hide.

Try It and Let’s know if this worked for you

Speak Your Mind

*

%d bloggers like this: