Title: Header ads on mobile & center
Last modified: August 31, 2016

---

# Header ads on mobile & center

 *  [pre20](https://wordpress.org/support/users/pre20/)
 * (@pre20)
 * [10 years ago](https://wordpress.org/support/topic/header-ads-on-mobile/)
 * Hi,
 * after last theme update, the header ads don’t show on mobile devices even using
   the code that works before update
 *     ```
       @media only screen and (max-width: 1200px) {
         #header-ads {
           display: inline-block !important;
         }
       }
       ```
   
 * Also, the codes I used to center logo and ads don’t work
 *     ```
       .site-title,
       .site-title a,
       .site-title a img { float: none; }
       ```
   
 *     ```
       /* center Header Ads */
       #header-ads {
         width: 100%;
       }
       #header-ads .textwidget img {
         margin: 0 auto;
       }
       ```
   
 * Any help would be appreciated
 * Thanks

Viewing 10 replies - 1 through 10 (of 10 total)

 *  [MrMountain](https://wordpress.org/support/users/mrmountain/)
 * (@mrmountain)
 * [10 years ago](https://wordpress.org/support/topic/header-ads-on-mobile/#post-7344107)
 * This custom css does the trick for me to keep header ads widgets on mobile view.
   Slightly different from yours:
 *     ```
       @media only screen and (max-width: 1200px) {
         #header-ads {
           display: block !important;
         }
       }
       ```
   
 *  Thread Starter [pre20](https://wordpress.org/support/users/pre20/)
 * (@pre20)
 * [10 years ago](https://wordpress.org/support/topic/header-ads-on-mobile/#post-7344121)
 * Hi
 * I tried your suggestion but doesn’t word for me
 *  [MrMountain](https://wordpress.org/support/users/mrmountain/)
 * (@mrmountain)
 * [10 years ago](https://wordpress.org/support/topic/header-ads-on-mobile/#post-7344123)
 * You´re right. Broken, after update from 3.1.1 to 3.1.2 – so, I guess i´ll just
   follow this thread
 *  [bdbrown](https://wordpress.org/support/users/bdbrown/)
 * (@bdbrown)
 * [10 years ago](https://wordpress.org/support/topic/header-ads-on-mobile/#post-7344127)
 * The element name has changed from #header-ads to #header-widgets.
 *  [Deb M](https://wordpress.org/support/users/papul/)
 * (@papul)
 * [10 years ago](https://wordpress.org/support/topic/header-ads-on-mobile/#post-7344153)
 * Hi I checked that link and tried the codes.
    What I noticed the following – in
   relation to ad codes
 * 1)only 728 x 90 ad codes appear when placed alone. But they don’t obviously resize
   as per the device thus don’t look good.
    2)then I put only the responsive ad 
   codes – but the ads don’t appear at all. 3)then I put both the 728×90 ad code
   and the responsive ad code together and both ads appear but they are still not
   responsive.
 * I hope I explained the issue properly. Hoping for suggestion to sort out the 
   issue.
 *  [Deb M](https://wordpress.org/support/users/papul/)
 * (@papul)
 * [10 years ago](https://wordpress.org/support/topic/header-ads-on-mobile/#post-7344154)
 * Point 2 is needed to resolve issue – The header widget doesn’t seem to support
   the responsive ad codes. They don’t appear at all after placing.
 *  [bdbrown](https://wordpress.org/support/users/bdbrown/)
 * (@bdbrown)
 * [10 years ago](https://wordpress.org/support/topic/header-ads-on-mobile/#post-7344156)
 * [@papul](https://wordpress.org/support/users/papul/) – You’ve already started
   your own topic. Please don’t double post. Thank you.
 *  Thread Starter [pre20](https://wordpress.org/support/users/pre20/)
 * (@pre20)
 * [10 years ago](https://wordpress.org/support/topic/header-ads-on-mobile/#post-7344201)
 * Hi, I changed ads for widgets on the code but still don’t appear the ad header
   on mobiles, any other option? Thanks
 *  [bdbrown](https://wordpress.org/support/users/bdbrown/)
 * (@bdbrown)
 * [10 years ago](https://wordpress.org/support/topic/header-ads-on-mobile/#post-7344231)
 * The header widget is hidden by default on mobile viewports to make room for the
   site title/logo and site description. The code [@mrmountain](https://wordpress.org/support/users/mrmountain/)
   posted, modified for the new element name, should display them. If that doesn’t
   work please post a link to your site so we can see the issue. Thanks.
 *  [Deb M](https://wordpress.org/support/users/papul/)
 * (@papul)
 * [10 years ago](https://wordpress.org/support/topic/header-ads-on-mobile/#post-7344234)
 * Hi there ,
 * I tried these Custom CSS codes using a Simple Custom Code Plugin. I used responsive
   ad codes.
    Seems to be working. I hope some one from the developer team checks
   and verifies this.
 *     ```
       #header-widgets {
           max-width: 728px;
           width: 100%;
       }
       @media only screen and (max-width: 728px) {
         #header-widgets {
           display: block !important;
         }
       }
       ```
   
 * It does 2 things –
    Centres the website Name The Responsive Ads appear now in
   all devices.
 * Request – I request the developer team to verify this and also give a more easier
   solution to the issue.

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Header ads on mobile & center’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/hueman/3.7.27/screenshot.png)
 * Hueman
 * [Support Threads](https://wordpress.org/support/theme/hueman/)
 * [Active Topics](https://wordpress.org/support/theme/hueman/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/hueman/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/hueman/reviews/)

 * 10 replies
 * 4 participants
 * Last reply from: [Deb M](https://wordpress.org/support/users/papul/)
 * Last activity: [10 years ago](https://wordpress.org/support/topic/header-ads-on-mobile/#post-7344234)
 * Status: not resolved