Support » Themes and Templates » [One Column] Image position relative to screen size

  • Greeneco

    (@greeneco)


    Hi,

    I have a problem with make my image to appear always on the same spot. If I change the resolution it is at a different spot.
    I have one image on top of my header image but the second image does change position as I change my resolution.
    My code looks like this:

    <?php if ( get_header_image() ) {?>
         <div style="position: relative; left: 0%; top: 0;">
      		<a href="A_LINK">
      			<img src="<?php echo get_header_image() ; ?>" style="position: relative; top: 0; left: 0;"/>
      		</a>
             <div style="height:25%; width:22%; position: absolute; top: 60%; left: 60%;" >
                    <a href="ANOTHER_LINk">
      			<img src="IMAGE" />
      		</a>
             </div>
         </div>
    <?php } ?>

    How can I make the second image to appear always on the same spot relative to the screen size and/or reolution.

    I am looking forward to hear from you. 🙂

    King regards,
    Greeneco

  • The topic ‘[One Column] Image position relative to screen size’ is closed to new replies.