Responsive header ads over div

[Pegasus83]

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

[Netherlord]

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

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.

[VizionDev]

11 minutes ago, Netherlord said:

<center>

AHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH *hides*

[Netherlord]

1 minute ago, VizionDev said:

AHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH *hides*

Oopsie thats what i get for copying what i had saved in a paste hehe i use this now

margin: 0 auto;

[kar3n2]

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

[Pegasus83]

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

[VizionDev]

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  

[Pegasus83]

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

[Pegasus83]

6 hours ago, VizionDev said:

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

Any news about? Thanks!

[Pegasus83]

Update, it goes wide even if I put a banner outside the main container

 

[Mopar1973Man]

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? 

[Pegasus83]

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 ;)

[Pegasus83]

I'm on 4.0.13.1 if it can help

[Mopar1973Man]

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.

[Pegasus83]

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.

[sobrenome]

Same problem here.

I have opened a ticket but it was obvious that support would say that's beyond their job.

For me it's a bug.

I cannot center the banner using "ipsType_center" as I could in IPS 4.0.

 

[Day_]

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.