Hello, I am using Travel template on Joomla 4 with EasyBlog.

When my website is viewed on a mobile phone the easyblog menu does not display correctly. The people at StackIdeas(EasyBlog) tell me it is because of an error in your Travel Template.

For Example...

If you view the page greatlifecoach.co.uk/blog/stuck on a desktop, the page displays correctly.

If you view the page on an iphone, the Easyblog top menu displays at the very top of the page! (See screenshot)

The stackideas tell me it is something to do with

#fd-canvas {
position:inherit!important;
}

This is beyond my expertise.

Can you help fix this please.

Hello, add this code to your theme
Here its an instruction how you can add a css code
astroidframe.work/support/documentations/custom-code/custom-css