Joomla Templates Club 406,261 posts

[ew128 Friend ew128Join date: October 2011Posts: 101Downloads:0Uploads:45 Thanks: 8 Thanked: 2 times in 1 posts]

#185497

Hello,
I added new picture in #ja-header and normally it’s ok.
Problem is when i will change page scale because pictures in body#bd overlap in to picture in #ja-header
Please look to the attached picture.
How to fix it?

Site

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#485285

It looks to me that your logo image ( see here ) may be a bit too long (length-wise).

I am not 100% certain how you want your header section to look – with the two images to the far right. If the spacing of the two images to the right are what you want – save for the overlap – then I suppose you could try adding a “z-index” property to the CSS rule for the image of the coin – for example . . .

Within file path –> /templates/ja_university/css/template.css

at line 917 . . .

#ja-header {
background-attachment: scroll;
background-clip: border-box;
background-image: url("../../../images/10940177.jpg");
background-origin: padding-box;
background-position: 99% 83%;
background-repeat: no-repeat;
border-bottom: 1px solid #000000
z-index: 999;
}

See if that might work out for you. Otherwise, I would suggest reducing the overall length of your logo image just a bit.

Hope that helps

[Author]

Posts