Title: Header Ads on Mobile Issues
Last modified: August 30, 2016

---

# Header Ads on Mobile Issues

 *  [Umo2net](https://wordpress.org/support/users/umo2net/)
 * (@umo2net)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/header-ads-on-mobile-issues/)
 * Please I have header ads displayed very well on desktop but not showing on mobile.
 * What should I do?
 * Thank you

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

 *  [bdbrown](https://wordpress.org/support/users/bdbrown/)
 * (@bdbrown)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/header-ads-on-mobile-issues/#post-6441650)
 * Hi Umo2net. The header ad sidebar is hidden in the mobile views to make enough
   room for the site logo/title/description. It’s controlled by this code in the
   theme responsive.css file:
 *     ```
       @media only screen and (max-width: 1200px) {
         #header-ads { display: none; }
       }
       ```
   
 * You could edit the max-width argument in the theme file itself, knowing that 
   the next time you update the theme you’ll have to adjust it again. Or you could
   copy responsive.css to a child theme, then copy the theme function that enqueues
   the css file to a child theme functions.php file, then change that function to
   load the responsive.css file from your child theme instead of the parent theme.
 *  Thread Starter [Umo2net](https://wordpress.org/support/users/umo2net/)
 * (@umo2net)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/header-ads-on-mobile-issues/#post-6441783)
 * So what should I edit the max-width to?
 * Thank you
 *  [bdbrown](https://wordpress.org/support/users/bdbrown/)
 * (@bdbrown)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/header-ads-on-mobile-issues/#post-6441785)
 * Try this approach:
    1. Add this to your child theme or custom css:
 *     ```
       /* keep header ads always visible */
       #header-ads {
         display:block !important
       }
       ```
   
 * 2. Open your site and manually adjust the browser width to see how the ads are
   styled at different widths.
 * 3. Find the width at which you want to hide the ads.
 * 4. Add this to your custom css below the above code:
 *     ```
       @media only screen and (max-width: 800px) {
         #header-ads { display: none !important; }
       }
       ```
   
 * Adjust the 800px to the desired point to hide the ads. Using this approach means
   you don’t have to copy responsive.css to your child theme or change the enqueue
   function.

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

The topic ‘Header Ads on Mobile Issues’ 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/)

 * 3 replies
 * 2 participants
 * Last reply from: [bdbrown](https://wordpress.org/support/users/bdbrown/)
 * Last activity: [10 years, 8 months ago](https://wordpress.org/support/topic/header-ads-on-mobile-issues/#post-6441785)
 * Status: not resolved