Joomla Templates Club 406,261 posts

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#176487

Hello,

we have to place a big logo. So to save space, we want to put the search box (and the syndicate position) above the logo (in the same position but just in top of the screen).
See our screenshot for more understanding.

So, we tried a lot of thing, but we didn’t find a serious solution.

How can we do that ?

Thank in advance.

---

Attachments:

1. 

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

#450211

So that I may best try to assist you and provide you with concise guidance as to what you need to do within your template/site structure, please provide the url of the site you’re working on, as well as set “Optimize CSS” to “No” within your Template Manager–General Settings.

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#450273

Hello,

I just PM you. Did you receive it ?

update : after new search, it appear that the z index with 10000 work .. can you confirm the solution ?

#ja-search {
bottom: 35px;
right: 15px;
z-index: 10000;
}

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#450285

update 2 : and we try to put the logo to the left border and to the top border, but under the “syndicate” position.
Do you have a idea to do this ?

Thank in advance

ps : I already did a thread for this question, but for Ja Teline IV. It doesn’t work for Ja Teline III…
http://www.joomlart.com/forums/topic/place-the-logo-below-the-headline-and-search-positions/

---

Attachments:

1. 

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

#450349

So, if I am understanding you correctly, you are wanting to position your logo image at the very top
– above the date/news-ticker?

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#450352

Yes exactly.
So what can I do to make this ?
(I made this for JA Teline IV, but it is different for JA Teline III)

Thank in advance for your help.

(the date and the news sticker is not important, because I’ll remove it in the header.php)

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

#450358

If you’re going to remove the date/ticker element anyway, then I’m thinking that all you really need to do is move up your logo image a bit – with the search box displaying under the logo image. Is this sounding like what you are thinking?

Sorry for all the questions – but I want to make sure I am absolutely clear as to your intended display so I can try to advise you accordingly.

1 user says Thank You to TomC for this useful post

1. dieudonne

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#450370

No problem with your questions.
Yes that’s what I want.

I made a new screenshot (hope it is more clearly)

update : did you find something ? (and, in the screenshot, for “on top”, it mean “in front”)

---

Attachments:

1. 

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#450436

hi dieudonne,

what is the difficulty you face with that ? Can you post here your url ?

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#450539

Ok, I think I answer to all the questions.
So now, do I must explain again what I want ?
Sorry, but I think my request is clear… no ? I don’t know…

For the search, is it the right thing to add a z-index ?
And to put the logo to left top and to the left, I don’t know. Like I said, I made it (with help from the staff) for JA Teline IV, but it is different for JA Teline III…

So, now, is it possible to have some help, or an idea to do this ?

@dat Hoang : I just send you a PM with all access.

Thank in advance for any help.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#450555

Hi dieudonde,

For the search I think it is right to add a z-index as you mentioned, just try it.
To put the logo to left top and to the left you can try this
Open the template.css file templates/your_template/css/template.css and adding this css

#ja-header .main .inner{
padding-left:0px !important;
}

Then you look for the below css right in that file

#ja-header .main {
padding: 30px 0 10px;
}

Change it to

#ja-header .main {
padding: 0px !important;
}

I hope these changes would help !

2 users say Thank You to Sherlock for this useful post

1. dieudonne
2. TomC

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#450647

Excellent,

Thank you very much for this.
And for the search :

#ja-search {
bottom: 35px;
right: 15px;
z-index: 10000;
}

and for the syndicate position :

.ja-topbar {
font-size: 11px;
z-index: 10000;
}

Dat Hoang, thank you very much for your help 🙂

1 user says Thank You to dieudonne for this useful post

1. Sherlock

[Author]

Posts