[mvandrei]

Hello,

I have set a banner instead of title&description.
This banners is made out of a few logos.
Each logo must display it’s title at mouseover and open a new tab with it’s address upon click.
I’ve tried to use this code:

<a href="http://www.europa.eu" title="European Union">

            <div style="width:100px; height:100px; position:absolute; background:#555; top:120px; left: 145px;">

            </div>

            </a>

, but the problems is that the position 120 and 145 will remain the same.
So if I use a different resolution on PC, on a phone or tablet, the square I made will remain fixed, and will not move with the new resolution, so it’s out of place.
Any idea how can I make this work?

Thank you so much!

Regards,

Andrei

[Sakin]

@mvandrei: Not sure what are you trying to do it. Can you post in your site URL and explain. Looks like you are trying to add in set of images as custom banners. This theme doesn’t have this feature and you might need to hire customizer to add in.

[mvandrei]

Thank you for your reply.
Sorry, I cannot give the URL.
Here’s a
I have to keep that square over the logo at all resolutions that will auto-resize.
That square will act as a hyperlink at mouseover to the logo’s website.
On my retina display it’s fine, on a friends’ non-retina is a bit off, and on a full hd resolution is waaaay off the grid.
I tried percentage instead of px, with relative position, and still have the issue.
Thanks again!

[mvandrei]

https://www.dropbox.com/s/e8mfyq3i7kya8l8/Screenshot%202015-02-01%2010.57.02.png?dl=0
it seems like the link function is not working here.

[Sakin]

@mvandrei: Sorry I cannot understand it. You code looks fine.

[Author]

Posts