Sticky Header behaviors - Support | Kriesi.at

Tagged: enfold, sticky header

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

Author

Posts
March 9, 2016 at 7:33 am #595347

Paul M
Participant

hi,

i am using the Sticky Header with Shrinking Header unchecked. When the page is scrolled, the logo increases in size and the nav links become bold. How do I stop those two behaviors from happening so that the Sticky Header looks the same before and after the page scrolls.

Thanks

March 13, 2016 at 12:06 am #597298

Josue
Inactive Moderator

Hey Paul!

Go to Enfold > Header > Header Transparency and remove the logo set there.

Best regards,
Josue

March 14, 2016 at 7:24 pm #597938

Paul M
Participant

Thank you Josue.

another issue that i’m having is that i’m trying to use an SVG for the logo. it appears ok, but forces itself to be centered in the header, not left justified.

any thoughts?

thanks
paul

March 14, 2016 at 8:02 pm #597950

Josue
Inactive Moderator

Can you post a link to the svg you’re trying to use?

Cheers!
Josue

March 14, 2016 at 8:50 pm #597969

Paul M
Participant

http://www.techhubinc.com/wp-content/uploads/2016/03/tech-hub-logo-340×156-cropped.svg

March 14, 2016 at 8:53 pm #597970
Yigit
Keymaster
Hey!

Please try adding following code to Quick CSS in Enfold theme options under General Styling tab
```
.avia-mozilla .logo img {
    width: 100% !important;
    height: 100% !important;
}
```
If that does not help, please upload your svg logo and then let us know

Best regards,
Yigit
March 14, 2016 at 8:54 pm #597972

Paul M
Participant

also tried this one
thanks josue

http://www.techhubinc.com/wp-content/uploads/2016/03/tech-hub-logo-340×156.svg

March 15, 2016 at 12:25 am #598053

Josue
Inactive Moderator

Ok, can you set it as the logo in the actual site so we can try to debug it?

March 15, 2016 at 1:37 am #598081

Paul M
Participant

ok. i added the css per your instructions and changed the logo to the svg.

thanks
paul

March 15, 2016 at 2:00 am #598089
Josue
Inactive Moderator
Add this:
```
.logo img {
    height: 70px;
}
```
March 15, 2016 at 3:15 pm #598409

Paul M
Participant

thanks josue.
it works. not sure how it works, but it does.
seems like no matter what value i put in it doesn’t really change the height, just the alignment.
interesting.

March 15, 2016 at 9:58 pm #598633

Josue
Inactive Moderator

SVG can be weird sometimes but glad it works :)

Regards,
Josue
Author

Posts

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

You must be logged in to reply to this topic.