WordPress.org

Ready to get started?Download WordPress

Forums

[One Column] Image position relative to screen size (1 post)

  1. Greeneco
    Member
    Posted 5 months ago #

    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

Reply

You must log in to post.

About this Topic