Home>Support>Crop Theme – Change scale of sticky logo when scrolled

Crop Theme – Change scale of sticky logo when scrolled

I am using the Crop theme, and it seems to be working well with Page Builder, but I would like to adjust how much smaller the logo becomes when I scroll the page and the menu remains stuck. I have set “Sticky Header Scales Logo” and it is working, but I would like the logo to get even smaller.

How can I achieve this?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 3 years, 9 months ago Alex S Hi, I Work Here

    Hi Matt,

    This is possible, but it’s possible that by forcing it to be smaller than designed could cause this scaling to be… it may jitter. Regardless, you can do this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add (and adjust) the following CSS:

    .site-header.stuck .custom-logo {
    	max-height: 30px; /* This may be vastly smaller than what your logo is currently set to scale to so you may need to significantly  adjust this before it looks right */
    }
    

    You might also need to install the SiteOrigin CSS Editor.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More