Mobile Changes Only Changing on Homepage but not other pages

• 

  jw00dycom · Member · Dec 1, 2016 at 2:52 am

  • Copy link
  • Add topic to favorites

  I was having issues with my sidebar overlapping my footer but only on my mobile device. I couldn’t find a good solution and none of the mobile plugins worked so I added css to remove sidebar and footer for mobile screen sizes. I tested it out on the desktop screen sizes and it works perfectly but as soon as I get on my phone it only works on the homepage and when I click to a different page it goes back to normal and shows the overlapping footer and sidebar that was supposed to be removed. Am I missing something?

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

• 

  jw00dycom · Member · Dec 1, 2016 at 3:04 am

  • Copy link

  This is what I added:

  @media only screen and (max-width: 767px) {
  .widget-area {
  display:none;
  }
  #sq-colophon {
  display: none;
  }
  }

• 

  melindahelt · Staff · Dec 1, 2016 at 4:40 am

  • Copy link

  It looks like you are working with a self-hosted WordPress site, so you’ll want to check with your website hosting company or the self-hosted support forums.

  Check out the self-hosted WordPress (also known as WordPress.org) support forum at https://wordpress.org/support/

  To learn more about the difference between WordPress.com and WordPress.org (self-hosted), take a look at http://en.support.wordpress.com/com-vs-org/