ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Supreme
• August 16, 2013 at 10:37 pm #16880
  [email protected]

  Member

  Post count: 5

  Hello,

  Having a sitewide-advert and an advertisement in the footer is totally breaking the theme’s ability to properly respond to the phone’s screen size.

  How do I either remove these areas from the smaller screen size(s), or even better how do I replace them with something else?

  See metrojolt.com

  Thank you for your time,
  Ben

  August 17, 2013 at 4:00 pm #16899
  Cosmin – SUPPORT

  Member

  Post count: 3851

  Hi Ben,

  Google Adsense ads are not responsive, it’s Google’s choice; so it’s not an issue with the theme having adverts in both places at the same time, if that’s what you meant.

  Now, to hide them on mobile, you could do something like:

  @media screen and (max-width:768px) {
    #sitewide-ad, .widget_adrotate_widgets { display: none !important; }
  }

  Regards,

  ————————————————————————————————————

  Cosmin
  Support Assistant

  August 19, 2013 at 9:50 pm #17201
  [email protected]

  Member

  Post count: 5

  Thank you for your response.

  I have pasted that in my custom CSS and it does not appear to be taking any affect. I have cleared cache.

  Also, is there a similar code I could use to remove the footer on small screens? I have the same ad size issue there as well.

  Thank you for your time! Much appreciated.

  August 20, 2013 at 12:01 pm #17326
  Cosmin – SUPPORT

  Member

  Post count: 3851

  I see the code working perfectly fine – note that it will not take effect if using a screen size larger than 768px (you can simply change that in that code).

  For hiding the footer as well, you can change my code above, to this:

  @media screen and (max-width:768px) {
    #sitewide-ad, .widget_adrotate_widgets, #footer { display: none !important; }
  }

  Regards,
  ————————————————————————————————————

  Cosmin – Support

• Back to forum

  Posted in: Supreme