Community Forums › Forums › Archived Forums › Design Tips and Tricks › Remove Sticky Header in Centric Pro
Tagged: centric pro, fixed header
- This topic has 7 replies, 2 voices, and was last updated 7 years, 3 months ago by Schreckgespenster.
-
AuthorPosts
-
January 10, 2017 at 7:56 am #199109SchreckgespensterMember
Hi there,
I am using Centric Pro Theme. I uploaded a Logo with 147x110px. Now I wanna remove the sticky header function because it makes the logo looks ugly. Also my header area is really big so that you can't see the Home1 Widget in a correct way. What did I do wrong?
Or maybe there is another way that the logo with sticky header is looking fine. Can't change the logo!
Who can help?
Thank you!
http://pilzhof-nettetal.de/January 10, 2017 at 11:10 am #199111Brad DaltonParticipantYou can remove the CSS rule which makes it fixed.
1. Inspect the fixed menu, find the CSS rule and delete it in your browser first to test that it works the way you want before deleting the CSS from your style sheet.
2. However, i don't see a reason why you need to if you add the logo using the correct method as it should fit it no problem.
January 10, 2017 at 11:18 am #199112SchreckgespensterMemberWhere can I find it in the style.css?
I can't use it in the correct way because I can't change the logo. And when I scroll down the logo is looking ugly. So this is why I wanna remove sticky header. 😉
January 10, 2017 at 11:56 am #199130January 10, 2017 at 1:23 pm #199131SchreckgespensterMemberHaha, really funny. It takes two weeks till I learn how to handle Firebug! The page has to be ready in 2 days.
Is there a CSS code where I can fill in? Or remove logo in sticky header?
January 10, 2017 at 1:36 pm #199132Brad DaltonParticipantPlease read the tutorial i linked to.
You simply inspect the site header element, which then opens a window and shows you the CSS rule as well as the line number where the CSS rule is located in your child theme's style.css file. It's fairly straight forward.
January 10, 2017 at 2:06 pm #199135SchreckgespensterMemberI am not good in programming and I do not have firebug. And I don't know anything about CSS.
It's like I am asking you: Where can I find Berlin? And you say: Google it. There is a description. 🙁
I don't know which rule, I don't know where the rules are in the style.css and so on. You only give me a solution: You can find it in the description. I am also not a native speaker so I don't understand so much.
January 10, 2017 at 2:30 pm #199136SchreckgespensterMemberI found a solution via Google.
I replace this following code via FTP -> wp-content -> Themes -> Centric Pro -> JS -> global.js
and now I have a fixed header.
Here is the code:
jQuery(function( $ ){
$(".site-header").after('<div class="bumper"></div>');
$(window).scroll(function () {
if ($(document).scrollTop() > 1 ) {
$('.site-header').removeClass('shrink');
} else {
$('.site-header').removeClass('shrink');
}
});$("header .genesis-nav-menu").addClass("responsive-menu").before('<div id="responsive-menu-icon"></div>');
$("#responsive-menu-icon").click(function(){
$("header .genesis-nav-menu").slideToggle();
});$(window).resize(function(){
if(window.innerWidth > 600) {
$("header .genesis-nav-menu").removeAttr("style");
}
});});
-
AuthorPosts
- The topic ‘Remove Sticky Header in Centric Pro’ is closed to new replies.