Adding site title within mobile menu
Hi,
Is it possible to add my logo SVG to the inside of my mobile burger menu? I’d like to align the headings to the left of page and place my logo in top left in the same place as it is on the site header. I’m sure there’s a way with css. Any help would be greatly appreciated.
Garrod
I’ve tried several ways through custom css to place the logo svg. But not working. Now I’m thinking, is there a way of adding it to the ‘x’ close svg equally space. So it appears when the menu opens alongside the ‘x’? Anyone help with this?
To clarify, I’d use 1 custom svg with logo and ‘x’ instead of the svg with only the ‘x’ icon.
This is how it currently looks. But I’d like my logo positioned in top left inline with the close icon.
If it suits your design, you could make use of the Mobile site title already built in and place an image. Then with CSS you would only need to push it to the right a bit:
If interesting in further custom coding then you can add the image into your website via HTML and then position it correctly.
https://www.w3schools.com/tags/tag_img.asp
You can get the src of your image/svg from the media library where you have uploaded your image/svg. When viewing an image in more detail you can copy the URL file path in the bottom right corner:
@Richard I did think of this. But what I don’t understand is making the site title appear inside the menu, when it’s open in other words. Will push the position right force it to the internal position?
Thanks
@Richard that worked thanks! 🙏
Amazing great to hear @Garrod !! 🌝
