Remove Widget bar on mobile devices

• 

  foodiesdigestblog · Member · Jul 27, 2014 at 3:06 am

  • Copy link
  • Add topic to favorites

  hi all.
  i am in the process of rebuilding my blog. and i have noticed on mobile devices all my widgets are forced to the bottom of the page, this looks really messy and i would like to remove completely when viewed on a mobile device.

  i enabled the mobile version of the site but it doesn’t display transparencies on my images and looks fairly terrible.

  i have tried the below code in custom CSS … but that doesn’t seem to work. could someone please point me in the right direction as to what i am doing wrong. thanks

  @media(max-width:640px) {
  .div#secondary.widget-area {
  display: none;
  }
  }

  The blog I need help with is: (visible only to logged in users)

• 

  foodiesdigestblog · Member · Jul 27, 2014 at 6:13 am

  • Copy link

  have reposted in the custom CSS area.