Prevent header logo from resizing

Public Ticket #16955

Prevent header logo from resizing

Conversation thread

Themy replied

5 years ago

Customer Reply

Ahh, I see. I got it to work now. Thanks!

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Keep in mind: this CSS code work with the demo link you sent.

You need to modify height/line-height in this code. Because you don't share your site URL so I don't have your header dimension to create a custom CSS effect 100% for you.

Best Regards,
PenciDesign.

Themy replied

5 years ago

Customer Reply

That is actually making the effect worse and more exaggerated...

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Please go to Appearance > Customize > Custom CSS, then paste the following custom CSS code:

.is-sticky #navigation.header-6,
.is-sticky #navigation.header-10,
.is-sticky #navigation.header-11 {
    height: 82px;
}
.is-sticky #navigation.header-6 #logo img {
    padding: 12px 0;
    max-height: 80px;
}
.is-sticky #navigation.header-6 .main-nav-social,
.is-sticky #navigation.header-6 .menu>li>a,
.is-sticky #navigation.header-6 ul.menu>li>a {
    line-height: 80px;
}
.is-sticky #navigation.header-10 #top-search>a,
.is-sticky #navigation.header-10 .show-search a.close-search,
.is-sticky #navigation.header-11 #top-search>a,
.is-sticky #navigation.header-11 .show-search a.close-search,
.is-sticky #navigation.header-6 #top-search>a,
.is-sticky #navigation.header-6 .show-search a.close-search {
    height: 80px;
    line-height: 80px;
}

Publish and clear your cache.

Best Regards,
PenciDesign.

Themy replied

5 years ago

Customer Reply

I don't really want to share that here, but you can see on this demo, for example how the logo changes size. Even if the header bar were set to stay the same size when scrolling, the logo shrinks and expands http://demosoledad.pencidesign.com/soledad-travel-news-two-sidebars/

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Please send me your site URL.

Best Regards,
PenciDesign.

Want to join this conversation or access attachments? Sign in first.