Hot to posicionate Responsive div elements

HTML & CSS
1

Hello, i´m creating my website and i need to add div elements, like videos, forms, etc.; this is my website: http://www.albertoporrasmoreno.com/tiendasonline/

This is my actual code; i´m new one

<style type="text/css"><!--
#apDiv1 {
position:relative; 	width: 225px; 	height: 70px; 	z-index: 1; 	left: 300px; 	top: 375px; }
#apDiv2 { 	position: absolute; 	width: 225px; 	height: 70px; 	z-index: 1; 	left: 400px; 	top: 675px; }
--></style>
<div id="apDiv1"><iframe src="//www.youtube.com/embed/92Qeg7jKeZI" height="315" width="560" allowfullscreen="" frameborder="0"></iframe></div>
<div id="apDiv2"><a href="http://www.prestashop.com/download/pdf/PrestaShop-Feature-List-es.pdf"><img class="alignnone size-full wp-image-31" alt="BOTON-CARACTERISTICAS-PRESTASHOP" src="http://www.albertoporrasmoreno.com/tiendasonline/wp-content/uploads/2014/01/BOTON-CARACTERISTICAS-PRESTASHOP.jpg" width="641" height="128" /></a></div>

I hope you can help me,
Thanks

2

Hi albertoporras, welcome to the forums

I guess either way you will need to edit template files.

But I’m confused, is this a PrestaShop site running on WordPress?

3

Hello Mittineague,

It isn´t Prestashop, it´s a html page in Wordpress.

4

It’s using the dynamo theme which is a “premium” one-page theme?

If you’ve paid for it, do they not provide some type of support?

Anyway, I’ll move this to the CSS forum where hopefully someone more knowledgeable about CSS for responsive design can help.