Tagged: catch sticky menu
- This topic has 11 replies, 2 voices, and was last updated 1 year, 7 months ago by
tikaram.
-
AuthorPosts
-
January 30, 2023 at 11:55 am #315015
RustyRecords
MemberCatch 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?
January 30, 2023 at 11:26 pm #315030tikaram
Participant@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,
TikaramJanuary 31, 2023 at 3:27 am #315038RustyRecords
Memberhttps://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
January 31, 2023 at 3:42 am #315039RustyRecords
MemberOr if it was possible to set the size of the sticky header to make it smaller
February 1, 2023 at 2:51 am #315256RustyRecords
Membercan someone help me?
February 1, 2023 at 11:33 pm #315272tikaram
Participant@rustyrecords : I will check your site and let you know soon.
Regards,
TikaramFebruary 3, 2023 at 12:30 am #315302tikaram
Participant@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,
TikaramFebruary 3, 2023 at 5:10 am #315304RustyRecords
MemberCertainly 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.February 5, 2023 at 7:02 am #315334tikaram
Participant@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,
TikaramFebruary 5, 2023 at 6:43 pm #315341RustyRecords
MemberOK, 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.
February 6, 2023 at 4:11 am #315380RustyRecords
MemberAs in this support page, the header has a size, but as the page scrolls the header becomes smaller.
February 6, 2023 at 10:26 pm #315506tikaram
Participant@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 -
AuthorPosts
- The topic ‘How to remove logo image from Catch Sticky Menu’ is closed to new replies.