3.2 & 3.3 Extensions Database 3.2 / 3.3 ⇒ Custom Header Logo

[Pingui]

Good afternoon and Merry Christmas!

Sorry for my mistake, this ext works perfectly. The only thing I would like to know is what I would have to do so that the images I put in the header are displayed well even if the size of the header becomes large or small.

As it stands now, if the screen is small, the header image is not shown complete but broken.



I hope you can help me. Thank you so much!.

[dmzx]

First post updated

[Aforce]

Thanks for this. It makes things much easier for changing the logo rather then editing individual files on multiple forum styles.

[robnms]

I love this extension but I have one problem. On a mobile device the logo is huge and over the page instead of in the header. It displays correctly on my tablet if I turn it sideways but not my phone.

[TrekRed]

It does not shrink in the mobile version, even if you specify the size! It’s not clear why to indicate the sizes, since nothing changes!

[Sniper_E]

It is good to set the image to max-width: 100% so it will shrink for mobile. Even your set width for that image will be adjusted.
But sometimes the set height will stay the same when the width shrinks. There are ways around that also. Don't set a height.

Something always changes when you make valid changes. Clear cache and refresh browser.

[TRUBLITZ]

Which ext exactly? Ill install it and see. Problem can be solved using contain or cover.. Or pm me link to your site ill look at it

[Sniper_E]

Custom Header Logo

[TRUBLITZ]

Open:
ext/dmzx/chl/styles/prosilver/template/event/overall_header_stylesheets_after.html

Line 20 Find

Code: Select all

@media only screen and (max-width: 750px), only screen and (max-device-width: 750px) {
	span.site_logo {
		background:url("{{ SITE_LOGO_IMG }}") no-repeat;
		background-position: 0% 0%;
		max-width: 100%;
		background-size: 80%;
		background-position: center center;
	}

Inline:

Code: Select all

background-size: 80%;

Control the size of the logo image. Change 80% to "auto" or 1% - 100% "20% seems to work ok with a image 200 in width. Also Check line 12 and line 48 Enjoy.

Save, dump your cache ..

Fixed.

Image6.jpg

[TrekRed]

Do not plan to additionally make a background change for the page, it would be great!

Change the background to the picture in different forums and topics!

[Sniper_E]

@TRUBLITZ, that's some nice help you give out. Thanks!

Love the avatar

[TrekRed]

Do not plan to additionally make a background change for the page, it would be great!

Change the background to the picture in different forums and topics!

Duplicated the message to be the last in the subject! Noticeable!

[Sniper_E]

Roger that. Now I am the last to post. Do you notice that?

[TrekRed]

What's the catch?

[TRUBLITZ]

@TRUBLITZ, that's some nice help you give out. Thanks!

Love the avatar

Thank You!