Hi Ivo

I have designed a new website for a client which I hope to make live tomorrow. I have for some time liked the idea of having the main menu hidden and a Mobile type menu appearing on all device sizes.

https://eod1.fetestsite.com/

I have achieved this on this website by setting the breakpoint on the Mobile menu to 300rem which allows the mobile menu to show on devices up to 4K resolution. I don’t know if this was the best way to achieve this, but it seems to work. I also wanted a small “top” menu which in this case has “Contact, Offers and Book” which I had seen on another website.

This works OK on most device sizes as I have set this top menu to hide on Mobile and Tablet. However, it still appears on Table on Landscape. Is there something I can add to my custom.css to hide on this device size?

I would appreciate any feedback.

Thanks
Lynda