Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #315015
    RustyRecords
    Participant

    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?

    #315030
    tikaram
    Keymaster

    @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

    #315038
    RustyRecords
    Participant

    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

    #315039
    RustyRecords
    Participant

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

    #315256
    RustyRecords
    Participant

    can someone help me?

    #315272
    tikaram
    Keymaster

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

    Regards,
    Tikaram

    #315302
    tikaram
    Keymaster

    @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

    #315304
    RustyRecords
    Participant

    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.

    #315334
    tikaram
    Keymaster

    @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

    #315341
    RustyRecords
    Participant

    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.

    #315380
    RustyRecords
    Participant

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

    #315506
    tikaram
    Keymaster

    @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

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘How to remove logo image from Catch Sticky Menu’ is closed to new replies.