Theme bug – Sidebar ad with fixed width on mobile stretched full screen

Posted in: Newspaper
Post count: 124

Hi,

Unless I’m doing something wrong, there seems to be another bug.

1. In theme panel put this Ad code in both, Sidebar and Custom 1. Screenshot

spot_img

2. Edit page with tagdiv composer and add first Ad Box element and chose Sidebar and second Ad Box element and chose Custom 1. Screenshot

3. Save and open this page in mobile size screen – Sidebar is stretched all way across, while Custom Ad 1 is 300 wide as expected. Screenshot

Thanks.

Post count: 21065

Hello @alex !

This issue has been discussed already here:
https://forum.tagdiv.com/topic/full-width-mobile-ads-adsense/

Thank you!

Post count: 124

Hi @Bettina,

No, it is irrelevant. It has nothing to do with AdSense.

The code is a simple image ad:

< a href=”http://themeforest.net/item/newspaper/5489609&#8243; rel=”noopener” class=”td_spot_img_all”>< img src=”https://demo.tagdiv.com/newspaper_pro/wp-content/uploads/2019/10/newspaper-rec300d.jpg&#8221; alt=”spot_img” width=”300″ height=”250″ />

Doesn’t seem like you’ve looked at the screenshots and tried to replicate the issue.

  • This reply was modified 2 years by Alex.
  • This reply was modified 2 years by Alex.
Post count: 21065

Hello @alex !

Please check: https://prnt.sc/meTOgei9TWRS -> https://prnt.sc/xf2e2-G6fjv_
The sidebar ad should be placed in the sidebar.

Thank you!

Post count: 124

Hi @Bettina,

Doesn’t seem that you understand.

Can you please get @ncalex to have a look at the original post with screenshots posted above.

Thanks.

  • This reply was modified 2 years by Alex.
  • This reply was modified 2 years by Alex.
Post count: 35449

Hello Alex,
I checked the reported “bug” and indeed this is how it is acting. If you are using a banner in sidebar section and you set it in a place where the width is bigger, then the sidebar add will take the full width of that row.
Just as you suspected, I also suspected that it was a bug and I asked a developer who developed this section, and the answer was that the sidebar ads element has set the width to auto to adjust the size automatically in depending on the width of the column used as a sidebar.
Thank you!

Post count: 124

Hi @ncalex,

Thank you for the response.

So what you are saying – this means that:

1. Sidebar Ad ignores a set “fixed” width of an image ad (even when max-width is set to 300px for example);

2. It distorts (stretches) the image to 100% of a column – Which means, for example on a mobile size screen which can be @media (max-width: 767px) and (min-width: 0) if an image ad is 300px wide and width is set to 300px wide, Sidebar Ad will stretch the image to 100% width of a column, meaning it will be stretched almost twice size, obviously ruining the resolution.

– Is it an intended behavior of Sidebar Ad?

  • This reply was modified 2 years by Alex.
Post count: 35449

Hi Alex,
I understand what you’re saying, but that’s how I see that it was intended for the ads set in that slot to work. What it can do is to use the mentioned code from our guide – https://forum.tagdiv.com/ads-adsense-overview/https://i.imgur.com/tJSx1U2.png using this code it will resolve the problem – https://i.imgur.com/xAYBb40.pnghttps://i.imgur.com/aDqQlds.png
Thank you!

Post count: 124

Hi Calin,

So it appears that Sidebar Ad is the only ad slot that behaves differently (in regards to width of the image ad placed as a simple html code – it stretches and distorts it) from every other ad slot (such as header ad, footer, ad, custom ad).

If is intended this way by the theme developer – it is fine.

However, it makes zero sense why it would be intended to work this way – to basically intentionally ruin the image ad placed as an html code in the sidebar, when viewed on the mobile screen max width 767.

Post count: 35449

Hi Alex,
This is how the functionality for the sidebar was wanted to be implemented, now to the question why the answer was that it should be adjusted according to the width of the column, and if you want to keep the size of the image then you need to use the code mentioned in the previous reply, this was all the explanation that I obtained from one of developer.
Thank you for your understanding!

Viewing 10 posts - 1 through 10 (of 10 total)
The forum ‘Newspaper’ is closed to new topics and replies.