Tagged: custom font, logo, menu, sticky header
Hi, When you scroll down the page, the ‘sticky header’ makes the logo shrink and the menu bar stay at the top of the page.
However, I want to keep the menu bar at the top of each page…but I don’t like the way the logo shrink, I want it to just disappear. Is there an option so that when you scroll down on a page, only the main menu ‘sticks’ to the top of the page?
Thanks,
Chandra
Hey KMCCEPC,
Could you provide us with a link to the site in question so that we can take a closer look please?
Best regards,
Rikard
Hi, its ‘test.kadampa.ca’ thanks!
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.header-scrolled #header_main > .container {
display: none;
}
Best regards,
Yigit
Does the logo still have to shrink before it disappears? I’d prefer it to just scroll out of sight…it is working though, it shrinks and then disappears. So thank you for that!
Is there a way to upload ‘Novecento’ font into the custom font options using quick CSS as opposed to needing a child theme?
Thank you!
Chandra
Hi,
You will need to edit core files in order to add a new font, but you can try importing it via CSS instead: http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp
Best regards,
Rikard
Hi, Could you give a bit more direction of how to add the font ‘Novecento Wide’ to the font options? I’m quite a novice! It seemed to generate a code with the above link but when I added that code to the CSS box in the general styling, nothing happened. Any ideas?
Thank you,
Chandra
Hey!
Please see – http://justcreative.com/2013/01/22/how-to-use-custom-fonts-with-font-face-on-wordpress/
or try using this plugin http://wordpress.org/plugins/wp-font-face/
Best regards,
Yigit