[Resolved] several elements not populating

Home Forums Support several elements not populating

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1313495
    Jessica

    Hi, my site icon is not populating in the browser, even though I’ve cleared my cache several times.

    Also, the headshot on my home page is not showing on mobile.

    #1313830
    David
    Staff
    Customer Support

    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.

    #1314998
    Jessica

    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!

    #1315285
    David
    Staff
    Customer Support

    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.

    #1315892
    Jessica

    Exactly what I needed. Thank you!

    #1316535
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.