several elements not populating

Hi there,

i can see the Site Icon:

The Image is 404'ing on all of my devices - i assume your desktop has the image cached. Try re-adding the image from the media library to your page.

Thanks, David. For some reason, I am still not seeing the site icon even after clearing my cache, but if you can see it, that's good enough for me.

I got the image to work with your advice.

However, I did notice that the hamburger menu on mobile is on its own line and making the header quite large. On my other website, the hamburger menu is on the same line as the logo so the header isn't too large. Is there a way to fix this?

Thanks!

The logo size is defined by the Menu Item height.
So can either reduce this for Mobile in Customizer > Layout > Primary Navigation.

Or use some CSS to reduce it:

@media (max-width: 768px) {
    .navigation-branding img, .site-logo.mobile-header-logo img {
        height: 75px; /* Adjust height to suit */
    }
}

Or you can enable the Mobile Header in Customizer > Layout > Header where you can then set a specific Mobile logo.

Exactly what I needed. Thank you!

You're welcome