iframe 100% width causing alignment issue with Google Admanager Ads

  • I’m having an issue with placing Google Admanager Ads. They all appear to be left aligned. Looking at the page using the inspector I can see that Elementor frontend.min.css has:

    .elementor embed, .elementor iframe, .elementor object, .elementor video {
    max-width: 100%;
    width: 100%;
    margin: 0;
    line-height: 1;
    border:none
}

    This is making the advertisement which is in an iframe to be 100% width and then the banner ad contents within the iframe is left aligned. If I disable the 100% width in the inspector it displays the iframe in the middle as expected. I can’t seem to override this though because if I set the iframe to be width:auto using a css override, the iframe is then around 300px wide, not the width specified by the iframe embed tag.

    Has anyone else had this issue regarding Google Ads displayed as an iframe and fixed it?

  • The topic ‘iframe 100% width causing alignment issue with Google Admanager Ads’ is closed to new replies.