custom header and navigation

Hi there,

its going to take some custom development to achieve that.
Happy to give some pointers and help with CSS / Hooks / Widget requirements to get somewhere near to that. Let us know.

Thanks David. I'm looking into various Elementor Pro add-ons at the moment to try to work out the best way forward, but I'm not sure anything is going to let me build this easily. I think the cleanest way may be to use GP, so I'm going to get it as near as I can then I may come back to you if/when I get stuck.

Thanks again,
Helen

No problems - let us know.
Just a pointer the Off Canvas Panel has its own Hooks and Widget areas - which would be handy for the Logo and Buttons :)

Hi David,

I've managed to get something that I'm fairly happy with, but I could do with some help with a couple of things on the off canvas panel. I've got the logo in OK and also a button for the telephone number, but I'm struggling to get the telephone svg to display properly before the number. I've tried ::before and I've tried a li class, but haven't managed to get it to work. Can you give me some pointers on this one please?

Also, how do I reduce the space between the bottom of the off canvas menu list and the donate button?

Thanks,
Helen

Can you share a link so i can take a look?
You can edit your original topic and use the Site URL field to share links privately.

Hi David

Is it also possible to float the 'donate' button which I've placed in the mobile menu top bar, to the immediate left of the menu toggle rather than on the far left in front of the logo?

Thanks,
Helen

The URL you've provided requires username and password to view.

Any chance you can provide that or unlock it for now?

The URL can only be seen by the admins (David, Tom and I) :)

Hi Leo

I sent the login details along with the url. I pasted them into the website url field. Let me know if you need me to send again.

Thanks
Helen

Hey I don't believe we've received this.

Did you use the Account Issues forms?

If so can you try sending it in again?

Thanks :)

Username helenbutt
Password b8C2&oJGSv7a4gVp

Add this CSS:

.site-logo.mobile-header-logo {
    order: -1;
}

Brilliant! That's perfect.

Thanks,
Helen

Happy to be of help