Trying to understand scrolling titlebar/navigation functionality

[radiantaction]

Hi there,
I'm trying to understand how the title bar/nav menu works. I'm a little new to the scroll/sticky navigation and I'm getting turned around.

On this site: http://dev.dalenabradley.com I'm having problems with the following:

1. Home Page: It looks great when you land on the homepage, but when scrolling it "jumps" down. I tried adjusting padding to no avail.
2. Home Page: Ideally, I'd like the background to change to blue, and the title and menu items change to white when scrolling.
3. Internal Pages: The site description is not showing.

What I need to know (I think) is this:
1. What CSS do I use to target the scrolling style on the home page?
2. How do I target the internal page site description?

Thank you for any help you can share.

Kirsten

http://dev.dalenabradley.com

[Victor Font]

1. Scrolling is controlled by jQuery. When you scroll down a class is added to the site header called light. The CSS is .site-header.light .title-area at line 1205.

2. You can modify the jQuery to add a classes to the target elements to change the colors when scrolling.

3. Internal Pages: The site description is not showing - It is displaying, it's the same color as the background. You have custom CSS in the WordPress custom css area that is controlling this.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[radiantaction]

Hi Victor,
Thank you for your advice! It's all fixed now. I really appreciate your help!

Kirsten

[Author]

Posts