Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2792113
Prevent header logo from resizing
Closed

Comments

  •   Themy started the conversation
  •  2,616
    PenciDesign replied
    June 2, 2021 at 5:20am

    Hi,

    Please send me your site URL.

    Best Regards,
    PenciDesign.

  • Themy replied
    June 2, 2021 at 5:49am

    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/

  •  2,616
    PenciDesign replied
    June 2, 2021 at 6:07am

    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
    June 2, 2021 at 6:14am

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

  •  2,616
    PenciDesign replied
    June 2, 2021 at 6:18am

    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
    June 2, 2021 at 6:20am

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