Two logos in mobile header navigation.

I want to have two images in the mobile navigation. I've managed to put the image in the header navigation on desktop, but it's not visible on mobile, as shown below. I'd like the logo to the left, and "gas safe logo" on the right with the hamburger menu still central underneath.

Have a look at this thread, it seems to have some good solutions:

https://forum.squarespace.com/topic/176658-how-to-add-a-second-logo-to-my-squarespace-header-in-71/

hey Ziggy,

I've tried some of these but unfortunately they haven't worked; its just the mobile aspect that I'll having trouble with. It works on desktop 🙂 

Can you share your website URL?

Adding to the mobile header is a different procedure since it's a different element, where have you got to?

I think I've just injected some CSS for the navigation, and not the mobile. Should I share the code I put in? 🙂

The site isn't live yet, so I've tried to set a password, this may work:

https://gerbil-sepia-2p62.squarespace.com/config/?frameUrl=%2F

BetterGas14 

1 hour ago, Ellagrace said:

Should I share the code I put in? 🙂

That would be helpful!

Try this:

div.header-display-mobile:after {
    content: '';
    display: inline-block;
    width: 65px;
    height: 100px;
    margin-left: 20px;
    background: url(https://static1.squarespace.com/static/652fee9…/t/6544d77…/1699010422954/Gas_Safe_Logo_Inc_Reg_No.png) no-repeat 0 0;
    background-size: 100%;
}