[RustyRecords]

Catch Sticky Menu works great, but it would be really nice to have the option to hide the site logo when activated. Is it possible not to display the logo?

[tikaram]

@rustyrecords : Can you please post in your site URL so that I can check your site and let you know what can be done.

Regards,
Tikaram

[RustyRecords]

https://festivaldicastrocaro.it

I would like the header to be much smaller when scrolling down the page, just with the site’s slogan written without the logo as with other plug-ins

[RustyRecords]

Or if it was possible to set the size of the sticky header to make it smaller

[RustyRecords]

can someone help me?

[tikaram]

@rustyrecords : I will check your site and let you know soon.

Regards,
Tikaram

[tikaram]

@rustyrecords : Catch Sticky Menu plugin is intended to make the menu of your site sticky. I checked site and it looks like you have tried to make the header part sticky. If you would like to make the menu sticky you will need to change the Menu Selector. To change the Menu Selector. Login to your WordPress admin section. Click on Catch Sticky Menu
under Settings :Add the desktop menu selector as

#primary-menu-wrapper

Let me know if this helps you out.

Regards,
Tikaram

[RustyRecords]

Certainly much better but in this way the header and the logo disappear completely and only the menu remains.
The effect I would like to achieve is what also happens on your site. In fact, when I scroll down the forum page in the header there is the logo with the menu, as soon as the scroll starts, the header shrinks by a few pixels, improving the browsing experience.
Is it possible to get the same effect? Does the setting already exist or do I need to change the css? And in this case where can I find the css to modify?
Thank you.

[tikaram]

@rustyrecords : Please change the menu selector to masthead as you have selected previously and add the following additional css.

.catchSticky .custom-logo {
  max-width: 80%;
  transition: 0.4s;
}

Please change the value of width max-width and transition as desired. Let me know if this helps you out.

Regards,
Tikaram

[RustyRecords]

OK, much better. I also added the max-height parameter in the header additional css because the header bandwidth was too high. Now it’s much better, it’s not exactly what I was looking for, but certainly the closest thing. I can’t give the right position I want for the logo because I don’t know where to set the padding (if I put it in the header or in .catchSticky .custom-logo it doesn’t work.

header {
left:0px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
max-height: 120px;

}

)

Thank you.

[RustyRecords]

As in this support page, the header has a size, but as the page scrolls the header becomes smaller.

[tikaram]

@rustyrecords : Please try adding the following additional css instead of the previous one. There is actually no padding in the logo. You need to set the margin as given the the additional css below. The height of the header is calculated based on the size of logo, site title and tagline. If you would like to make header smaller you will need to decrease the size of logo and decrease the font-size of site title as well.

.catchSticky .custom-logo {
  max-width: 35%;
  transition: 0.4s;
  margin: 0 auto;
}

Let me know if this helps you out.

Regards,
Tikaram

[Author]

Posts