- AuthorPosts
- August 3, 2021 at 3:53 pm #41250Mohamed islemGuest
the sicky header logo is misformed and looks different than the header logo (original)
August 3, 2021 at 5:16 pm #41296Jesse OwensKeymasterHello Mohamed-
Thanks for the question, and thanks for using the Crio WordPress theme for business.
By default, the sticky header is a little smaller than the top header, and the logo is also shrunken down a little as well.
You can prevent your logo from changing size in the sticky header with a Custom CSS rule. Check out the troubleshooting section of this article to learn how to prevent the logo from resizing.
To summarize, add this rule to your Custom CSS in Customize > CSS/JS Editor:
.header-top .bgtfw-sticky-header.bgtfw-stick .custom-logo-link .custom-logo { width: unset; }
August 4, 2021 at 10:38 am #41316Mohamed islem cherouatGuestdo I need to copy and paste it just like that or should I change the ” .custom-logo-link” and “.custom-logo” ? because it didn’t change
August 4, 2021 at 10:46 am #41325Jesse OwensKeymasterHi Mohamed-
The code above worked for me with Crio out-of-the-box, but depending on what modifications you’ve made it may need to change. It’s tough to say for sure without being able to look at your site while it has the maintenance mode plugin active.
Is it possible for you to use the WP Maintenance Mode settings to exclude a specific page so we can take a closer look for you?
August 9, 2021 at 4:31 pm #41439Mohamed islem cherouatGuestI just deactivate the WP Maintenance Mode so you can see my problem, and I really appreciate your effort thank you.
August 9, 2021 at 4:41 pm #41521Jesse OwensKeymasterHi Mohamed-
Thanks for disabling Maintenance Mode! I can see the problem, there is a typo in the Custom CSS.
Right now, it looks like this:
header-top .bgtfw-sticky-header.bgtfw-stick .https://www.sidehustlelead.com/wp-content/uploads/2021/08/sidehustlelead-logo-min.png sidehustlelead-logo-min { width: unset; }
Double check your Custom CSS, and copy-and-paste this line in exactly as it is (don’t forget the first dot at the beginning):
.header-top .bgtfw-sticky-header.bgtfw-stick .custom-logo-link .custom-logo { width: unset; }
- This reply was modified 3 years, 4 months ago by Jesse Owens.
August 13, 2021 at 12:37 pm #41704Mohamed islem cherouatGuestit worked !! thank you so much I appreciate that
- AuthorPosts
- The topic ‘Sticky header logo is different than regular header logo’ is closed to new replies.