Jump to content
You're invited! Join our 4.6 Live Event on ZOOM 6/24 ×

Community

Responsive header ads over div


Pegasus83
 Share

Recommended Posts

Hi guys,

I'm trying to fix this issue, but I can't find a solution.

This is my board, and the problem is that the header ads (Responsive) pushes the sidebar on the right exceeding the content width.

I tried to force a max-width putting the script inside a div with a style, (you can see the right width highlighted in blue), but it does not work.

Any idea? Thanks!

Alex

Schermata del 2015-11-06 13-20-33.png

Link to comment
Share on other sites

46 minutes ago, Pegasus83 said:

Hi guys,

I'm trying to fix this issue, but I can't find a solution.

This is my board, and the problem is that the header ads (Responsive) pushes the sidebar on the right exceeding the content width.

I tried to force a max-width putting the script inside a div with a style, (you can see the right width highlighted in blue), but it does not work.

Any idea? Thanks!

Alex

Schermata del 2015-11-06 13-20-33.png

I had the same issue this is what i use,

<div class="ipsResponsive_showDesktop">
<div style="padding:3px;max-width:900px;max-height:100px;">
Ad script for desktop, responsive ad block
</div>
</div>

<div class="ipsResponsive_hideDesktop">
    <div style="margin: 0 auto;text-align: center;">
Ad script for mobile, custom 300px by 100px 
  </div>
</div>

I could not find a better method at the time and im yet to revisit it. This has one issue and that is that it displays mobile ads on tablets but thats not a biggie.

Edited by Netherlord
Link to comment
Share on other sites

26 minutes ago, Netherlord said:

I use a responsive ad block, wrapped in this div<div style="padding:3px;max-width:900px;max-height:100px;"></div> for desktop and for mobile i use a 300px by 100px custom ad.
Downside to this is tablet devices show mobile ads so they tend to not fill the page all the time.

I tried also this solution but nothing changes... it still goes wide

Link to comment
Share on other sites

2 minutes ago, kar3n2 said:

isnt it easier to just use an image added into the block wysiwyg editor?

The image is generated by javascript, he's using Google Adsense :)

1 minute ago, Pegasus83 said:

I tried also this solution but nothing changes... it still goes wide

Give me a moment and I'll see what I can come up with

Can you add the advertisement back into the header for a moment please :) 

Link to comment
Share on other sites

10 minutes ago, VizionDev said:

The image is generated by javascript, he's using Google Adsense :)

Give me a moment and I'll see what I can come up with

Can you add the advertisement back into the header for a moment please :) 

Ok.

It is only inside a div at the moment

Link to comment
Share on other sites

10 minutes ago, Mopar1973Man said:

I see you also a Ubuntu Linux user as well. Have you tried other browser to see if its just browser doing it or all do it? 

I can confirm the problem with other browsers, and also other users (on different OS) noticed that ;)

Link to comment
Share on other sites

Just now, Mopar1973Man said:

Ok then using Firefox and the console you should be able to see the CSS code use and what is going on with the wrapper of the main bloc and why its stretching right. You can play with the code in real time on firefox till you find the solution.

I did it, I came here because I can't find a solution.

I tried putting the code inside a max-width set div (both in pixels and %), but it seems not considering it.

Now I put the header banner outside the main content div, but I still have a footer banner and think now the problem is it.

I try to put also it outside the main content div to see if it works.

Link to comment
Share on other sites

Something has changed from 4.0 to 4.1, my adverts after the first post used to be rectangles mainly, the highest paid ads. Now they are the small 50px height banners in 100px space.

I also had an issue getting the ads to centre on mobile, margin: 0 auto; used to work fine, still works for desktop when but mobile I now need to insert it directly into Adsense code.

If I remove the media queries for screen size, rectangle ads appear again although desktop don't show at all.

Earnings have been now massively since 4.1.

Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

We use technologies, such as cookies, to customise content and advertising, to provide social media features and to analyse traffic to the site. We also share information about your use of our site with our trusted social media, advertising and analytics partners. See more about cookies and our Privacy Policy