Mike Hindle

No worries, Henk and hope you’re having a good one ???

Ah ok wasn’t aware there were plugins that can fix it. Good to know for next time.

That’s it! Knew there was a way, just couldn’t seem to type it in right. Much appreciated.

Thank you. I’ve closed this website now, but it was a valuable experience with block themes.

Hey Henk.

It’s kinda complicated, but here goes.

You need to install the block visibility plugin first of all. Then duplicate your header and make the top one visible on desktop only (via the screen size option from the block visibility plugin) and the second one only visible on tablet and mobile.

Then you need to add some code to get the mobile menu to stay in the centre. I’m afraid I can’t access this as I added it in the customiser and now the customize option seems to have disappeared.

Then, make a second menu for mobile and add it to your mobile header. The also add your other elements that you want to show with it.

Here are a couple of screenshots. I hope that helps, and hopefully, Mike can give you the code if you need it.

Mike.

Thank you for the update on this. Much appreciated.

Mike.

Man! I owe you ??

This has worked perfectly. So happy and really appreciate it.

Thank you!

Hi all. Just a quick update as this issue is now also affecting another site I’m working on.

The boxes show when clicking on any link and also on mobile they appear around the site logo and hamburger menu.

Here are some screenshots.

I know we didn’t reach a solution but just wanted to see if anyone had any other ideas.

This is the other site it’s affecting https://davidfoxmagicianmidlands.co.uk/

Hi Mike. Ok no worries. Just waiting on the hamburger part but no rush / not urgent.

Cheers.

Ah ok no worries, Felipe. I have but I’ll try again and see what happens.

Thank you ??

Hi Felipe. Thank you for this.

I’ve added it but still no change, unfortunately.

Hey Fred.

Thanks for this. Just added it but it’s not changed anything, unfortunately.

Hi Felipe. This has worked perfectly, thank you.

I’m not 100% sure when it happened, to be honest. I’m using a couple of sites with Twenty Twenty-Four and the other one didn’t have this issue, which makes it even more of a mystery.

Really appreciate your help.

Mike.

Hey Felipe. Thanks for the reply.

Yes, it’s added exactly like that. I notice that on Safari it doesn’t do it, but on Chrome it does.

Here’s a screenshot if needed where you can also see the added code.

Hi and thanks for this.

I’ve added the code and cleared the cache, but it’s not working, unfortunately.

Mike.

Figured it out, it was the Gutenberg plugin, which was also blocking access to the styles editor in case the issue crops up anytime in the future.

Cheers.

Ah right, understood and thanks for the explanation and CSS to fix it.

Worked a treat. Much appreciated.

The site is now live if it helps to take a look directly.

https://botanic.digital/

Cheers.