How to reduce space below header ad in mobile?

  • Resolved dcsreddy

    (@dcsreddy)


    8 years, 11 months ago

    I used this code
    /* keep header ads visible on mobile screens */
    @media only screen and (max-width: 1200px) {
    #header-ads {
    display: inline-block !important;
    }
    }

    There is a lot of space below the ad in mobile view. Can we reduce that space? and also the ad is not perfectly centered. Can we make it centered?

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

  • Hi dcsready. Can you post a link to your site? Thanks.

    If it’s https://www.usmlemotivation.com/, give this a try:

    @media only screen and (max-width: 719px) {
    /* remove float and set width on main element */
    #header-ads {
        float: none;
        width: 100%;
    }
    /* reduce bottom margin on text widget */
    #header-ads #text-12 {
        margin-bottom: 5px;
    }
    /* set width and center widget div */
    #header-ads #text-12 .textwidget {
        width: 320px;
        margin: 0 auto;
    }
}
    Thread Starter dcsreddy

    (@dcsreddy)

    Awesome. Worked like a charm.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to reduce space below header ad in mobile?’ is closed to new replies.