Double header logo flash - Support | Kriesi.at

Tagged: header logo

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

Author

Posts
August 6, 2016 at 3:34 am #669195

gerardbao
Participant

Hi there,
I have an issue where when you slowly scroll down and the menu shrinks, a flash of a double logo appears. It happens for about a half second. I never noticed before until I updated the theme today to 3.7 today.
I used the recommended CSS from this post.
https://kriesi.at/support/topic/double-logo-when-header-is-transparent/

That helped with transparent header, but not the standard header.

August 6, 2016 at 9:48 am #669286

Vinay
Inactive Moderator

Hey gerardbao,

It is mostly due to the custom css added to the theme. Please remove the custom css and refresh the page to check if the issue exist.

To find out which code is causing the issue add the code back one block at a time and refresh the page.

We await your test result.

Best regards,
Vinay

August 7, 2016 at 11:24 am #669440

gerardbao
Participant

Hi Vinay,

This is the related CSS I’ve added based off instructions from other forum posts.
I think this is the code that is causing it.

.header-scrolled strong.logo img {
min-height: 70px !important;
}

This was recommended to me through another forum.
Without this code, the header logo isn’t the size I want it to be.

Thoughts?

August 10, 2016 at 8:17 am #670682
Vinay
Inactive Moderator
Hey!

The theme works without these modifications please remove all the code added to modify the logo which is causing the conflict. Please use the default options in the theme it should work perfectly fine and give you the same effect as you see now without the double logo.

Please get back to us once the code is removed so we can help you with the logo size.

Regards,
Vinay
- This reply was modified 7 years, 11 months ago by Vinay.
August 10, 2016 at 9:15 am #670703

gerardbao
Participant

OK. Code has been removed. Back to normal.

Now I simply want the logo to be displayed bigger within the scrolled header.
How can we make that happen?

August 12, 2016 at 2:32 pm #671827
Vinay
Inactive Moderator
Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
```
.logo img {
    min-height: 75px!important;
    margin-top: -15px;
}
```
Best regards,
Vinay
August 15, 2016 at 11:00 pm #672901

gerardbao
Participant

Worked like a charm. The logo doesn’t smoothly shrink down when scrolling from a normal header. But at least it looks right!
I’m not sure there’s anything we can do that?

August 19, 2016 at 2:20 am #674437

Vinay
Inactive Moderator

Hi,

I tested the page in chrome and the logo does shrink smoothly. Let us know which browser you are using if you still have any issue :)

Best regards,
Vinay

August 19, 2016 at 10:46 pm #674883

gerardbao
Participant

It shrinks smoothly on my chrome browser at home. However it doesn’t shrink smoothly on my work laptop which is using the latest chrome browser on Mac.
Version 52.0.2743.116 (64-bit)

Don’t worry about it. Let’s say case closed on this one. Thanks!

August 21, 2016 at 7:51 am #675249

Rikard
Keymaster

Hi,

Ok, thanks for letting us know.

Please open a new thread if you should have any further questions or problems.

Regards,
Rikard
Author

Posts

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

The topic ‘Double header logo flash’ is closed to new replies.