Public Forums 71,145 posts

[thatoo Friend thatooJoin date: August 2014Posts: 19Downloads:0Uploads:4 Thanks: 3]

#201010

Hello,

I would like to have a banner (responsive) which would be placed on the top of my page.
Inside template management, I select a logo and select “Enable Small Logo”.
Then, in custom.css, I had
.logo-image > a {
margin-top: 5px;
max-width: none;
max-height: none;
}
The result is as follow :
On my computer, I have a big logo, but it’s on the left (not centred), and off-canvas icon is on the top left corner of it, and the search item are on the top right corner of it.
On a smartphone screen, well, I have the small logo (yeah, it’s responsive), but it’s hided by the search items, and off-canvas icon is also on the left corner… and I don’t think it’s centred but there difficult to juged 🙂

I attach two picture to show you how it is.
Do you have any idea to make that nice?
Thank you in advance for any help.

---

Attachments:

1. 
2. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#548040

please post your Site Url

[thatoo Friend thatooJoin date: August 2014Posts: 19Downloads:0Uploads:4 Thanks: 3]

#548060

Well the thing is that I work on local for this improvement.
My live website http://www.ecoleworldycamino.org/ , has a custom html code to display a fixe banner. Maybe that help you to understand what I want, except that I don’t care if the banner is inside the blue shape (which would have to happen with the logo solution I guess) or if it is on top of it as it is now.
Thanks for answering so quickly.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#548078

I know the issue. To provide a css fix, I need to view your site. so, Please upload your site to the development server and provide a link

[thatoo Friend thatooJoin date: August 2014Posts: 19Downloads:0Uploads:4 Thanks: 3]

#548086

ok, I did the modification on my live website.
Inside template management, I select a logo and select “Enable Small Logo”.
Then, in custom.css, I had
.logo-image > a {
margin-top: 5px;
max-width: none;
max-height: none;
}

Here is my website :
http://www.ecoleworldycamino.org/

Thanks,

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#548150

I don’t see any anything like the screenshot you have attached in the first post. please replicate the issue. so i could check on the site and provide a fix.

[thatoo Friend thatooJoin date: August 2014Posts: 19Downloads:0Uploads:4 Thanks: 3]

#548155

Maybe because you watch the english version of my website, whereas I work first on the french version. Please click on the little flag blue white red.
I took two new screenshot to show you what I mean by :
I have a big logo, but it’s on the left (not centred), and off-canvas icon is on the top left corner of it, and the search item is on the top right corner of it. I would like that both of them go under the banner, at the same level than the menu.

One with firefox and one with chromium.

What do you think?

---

Attachments:

1. 
2. 

[thatoo Friend thatooJoin date: August 2014Posts: 19Downloads:0Uploads:4 Thanks: 3]

#548308

OK, thank you Chavan for trying to help me but I found an other way that palying with css and the logo.
I detail in the link below how to add a centred responsive banner on the top of your banner :

http://www.joomlart.com/forums/topic/a-banner-above-everything/

Good luck for the next one.

[Author]

Posts