Nav bar changes to one page only

I found the CSS to do what I want to my nav bar, but only want it on one page. How do I designate the change for one page only? Thank you. 

On 6/4/2023 at 4:53 AM, paul2009 said:

Instead of adding the CSS to Design > Custom CSS, you can place it in the per-page code injection panel of the specific page. You'll find this by clicking the gear icon next to the page name in the PAGES panel. When you place CSS in this panel, you need to 'wrap it in style tags'. This means adding <style> before the CSS and </style> after it.

Did this help? Please give feedback by clicking an icon below  ⬇️

THANK YOU!!!!  Will be utilizing this heavily

@paul2009 do you know code to take the logo off of one page's header? I am in 7.1 and have tried what codes I have found online. I think they were for 7.0 sites, maybe? none worked 

21 hours ago, mnewyear said:

do you know code to take the logo off of one page's header? I am in 7.1

Typically you'd use something like this if you want to remove it from both desktop and mobile. Use it in the same way as described above if you only want to affect one page.

.header-title-logo, .header .header-title--use-mobile-logo .header-mobile-logo {
  display: none;
}

Did this help? Please give feedback by clicking an icon below  ⬇️