That is possible to add logo in that way in Enfold? - Support

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
July 19, 2016 at 9:24 am #662369

Krzysztof
Participant

Hi
Please let me know if it is possible add logo in that way: https://drive.google.com/file/d/0BwQGscVsobrDQ0JxdlJKQmRhcjQ/view?usp=sharing

July 19, 2016 at 11:37 am #662412
Guenni007
Participant
yes – the point of that behavior is that overflow setting and the use of a png (or svg) file.
```
.responsive .logo {
display: block
}

.logo, .logo a {
    overflow: visible;
}

.logo img {
    height: 180%;
    max-height: 225px !important
}
```
but for responsive case you may be have some more settings
you can see it in action here http://www.pirol-hifi.de
July 19, 2016 at 11:53 am #662420
Guenni007
Participant
for your logo – you can see it here on a test page of mine:

http://webers-testseite.de/ikom/

with this settings:
```
.responsive .logo {
display: block
}

.logo, .logo a {
    overflow: visible;
}

.logo img {
    height: 280%;
    max-height: 425px !important;
}
```
if you got the png downloaded i change it to my logo again!

for the responsive case i put at the end of quick css the following code:
```
@media only screen and (max-width: 767px){
.responsive #top .logo {
    height: 210px !important;
}
.responsive .logo a {
    display: block;
}
.responsive #top .logo img {
    max-height: 210px;
}
}
```
- This reply was modified 9 years, 3 months ago by Guenni007.
July 19, 2016 at 12:20 pm #662433

Guenni007
Participant

btw. the settings of 425px and 280% comes from header options dialog set the header hight to 150px in that case above.
the png of your logo i created was 425px x 425px but this is not so important.

425 x 100 : 150 = 283 so i set the height of logo img to 280%

the hight in percent is important for that shrinking header bevavior. If you have a non shrinking header this does not have an effect.

July 19, 2016 at 8:16 pm #662700

Rikard
Keymaster

Hi @kkwasniewski,

Did you have any luck with the suggestions above? Thanks for helping out as always @Guenni007

Regards,
Rikard

July 20, 2016 at 11:22 am #662867

Krzysztof
Participant

hi
I will check and let you know soon.
Maybe you can give me some idea, how to realise that header in Enfold?
https://drive.google.com/file/d/0BwQGscVsobrDQ0JxdlJKQmRhcjQ/view?usp=sharing

July 20, 2016 at 11:29 am #662878

Krzysztof
Participant

Sorry it is proper link https://drive.google.com/file/d/0BwQGscVsobrDa2xHaTZkdkhoZms/view?usp=sharing

July 21, 2016 at 10:57 am #663273

Rikard
Keymaster

Hi,

Could you provide us with a link to the site in question so that we can take a closer look please?

Thanks,
Rikard

July 21, 2016 at 11:01 am #663276

Krzysztof
Participant

Hi
Thank you for reply. I have only graphic visualisation, where logo is transparent but header with menu have background.
You can find it here: https://drive.google.com/file/d/0BwQGscVsobrDa2xHaTZkdkhoZms/view?usp=sharing

July 24, 2016 at 1:31 pm #664340

Krzysztof
Participant

Hi Works great thank you for tips!

July 25, 2016 at 1:33 pm #664601

Andy
Inactive Moderator

Hi,

glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

Best regards,
Andy
Author

Posts

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘That is possible to add logo in that way in Enfold?’ is closed to new replies.