Site Logo

[Hervé]

Thanks,
you can grab the banner from here https://www.rudyv.be/Temp/Banniere.jpg and the logo there https://www.rudyv.be/Temp/site_logo.gif

[Administrator]

Got it

OPEN

styles/prosilver/theme/colors.css

FIND

Code: Select all

	background-image: url("./images/site_logo.svg");

REPLACE WITH

Code: Select all

	background-image: url("./images/site_logo.gif");

OPEN

ext/hifikabin/headerbanner/styles/prosilver/theme/headerbanner.css

FIND

Code: Select all

.banner-header #headerbanner_logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
	position: absolute;
	z-index: 1;
}

REPLACE WITH

Code: Select all

.banner-header #headerbanner_logo {
    background-repeat: no-repeat;
    display: inline-block;
    width: 150px;
    height: 50px;
    position: absolute;
    top: 0px;
    right: 0px;
}

SAVE > UPLOAD > PURGE BROWSER CACHE

Enable site logo in header banner

(the above assumes that the banners URL is defined correctly in the extensions configuration and the logo is in styles/prosilver/theme/images)

[Hervé]

Still same problem but I've found a solution to make it work.
I have modified .banner-header #headerbanner_logo selector in headerbanner.css simply replacing float: left; by float: right;
it works now i.e. for screens smaller than 700 px it does not appear and from 701 px up it appears on the right.

Still a small drawback : the scrolling text is always a 150 px wide image so it always occupies 150 px : it is too big on screen smaller than 1200 px.
I have solved it by replacing width: 150px; with width: 13%;

Thanks a lot for your help.
Rudy

[Administrator]

Glad you have found a solution that works for you