Menu on desktop no longer shrinking- covers up text

I’m not sure what changed, but on desktop my menu bar used to shrink as you scrolled down the page. It no longer does this, and it now covers up text on the top of my pages.

Help please!

Hello there,

It happened since you set an image logo. You should make it smaller once the page gets scrolled down by adding the below custom CSS code:


.site-header.float-header .site-logo{
  max-height: 40px;
}

You can add it through Appearance > Customize > Additional CSS.

I hope this reply helps.

Regards,
Kharis

Thanks for your help Kharis- unfortunately I’ve added this CSS and it isn’t making any difference…

Hello there,

Please empty all of your site’s cache from W3 Total Cache plugin and try again.

Regards,
Kharis

I emptied all the caches… it’s still not working. Thank you for continuing to help me. It used to shrink the right way even with the image in the menu- I didn’t change anything so I don’t know why it stopped working.

I ended up taking my logo out of the menu so it doesn’t block the text on the site, but it’s really not an ideal solution.

Hello there,

Please make sure that the group of CSS code where inserted the one I suggested is error free. You can validate it here: https://jigsaw.w3.org/css-validator/#validate_by_input.

If an error found prior that code, the web browser won’t be able to execute it.

Regards,
Kharis