How/where do you place ads when making website responsive for mobiles?

I had been making a website from scratch for a couple of months now using just html/js myself but suddenly realized that I hadn't done anything to make it look ok on mobile devices and mobile traffic is the majority of my users!

The current way I have it set is for desktop (on my 1600x900 res machine) with article snippets with image on the left side with recent posts on the right and banner up top. Looks good on desktop but when I opened an android device to check for mobile the banner goes off the page and the recent posts sidebar is right down at the bottom of the page.

So how to lay it out for mobiles? I do not use internet on mobile so have no idea what is considered normal for this. I have been reading some w3 schools examples and tried adding one of their templates into the site but didn't seem to change the layout issues above.

So how to proceed?

There is a mobile friendly testing tool which is provided by Google...you can test your site's there.....

Kurt angle said:

There is a mobile friendly testing tool which is provided by Google...you can test your site's there.....

Click to expand...

That does not answer my question. I already tested the website, as I said in the OP. The question was how to fix it to make it responsive!

I use this
responsivedesignchecker.com
As far as placing the ad, place them between the content , else sidebar goes at the bottom on content in mobile.

IM Rider said:

I use this
responsivedesignchecker.com
As far as placing the ad, place them between the content , else sidebar goes at the bottom on content in mobile.

Click to expand...

Ok, so just place them strategically rather than a specific tag to render them differently. Thanks. Does that mean I can't use sidebar (for recent posts) at all? It would look dumb on desktops to have that at the top.

MartinRaymond1999 said:

Ok, so just place them strategically rather than a specific tag to render them differently. Thanks. Does that mean I can't use sidebar (for recent posts) at all? It would look dumb on desktops to have that at the top.

Click to expand...

Like I said on desktop sidebar is on side, on mobile it goes to the bottom.

IM Rider said:

Like I said on desktop sidebar is on side, on mobile it goes to the bottom.

Click to expand...

So is it normal for sidebar to be on the bottom? as in user is used to that? Like I said I have no idea how mobile websites usually look.

MartinRaymond1999 said:

So is it normal for sidebar to be on the bottom? as in user is used to that? Like I said I have no idea how mobile websites usually look.

Click to expand...

On desktop, there are 2 columns or maybe 10 columns and on mobile its always one, so the sidebar goes to the bottom