RedSkyMX

Your latest code worked on all pages. The only remaining issue is that if you access the menu from the burger on the right, when the menu opens, the "book now" is still at the top, which looks a little odd. There is also the "book now" choice at the bottom of that menu, which ideally would be the button, instead of just text. With no button on top while the menu is open. Also...any advice on how to get rid of all the white space above and below the YouTube video on our home page? The space isn't there on desktop. Just on mobile.

Hope you saw my last message. It isn’t working on all pages. Any advice you could offer will be appreciated. Thanks

I just realized this (having the "book now" button at the top of the mobile screen) works on the home page, but not on all of the other pages. Specifically, it works on three of the pages: home page, Events and Gallery. But it does not work on "The hotel", "Bistro Organico" and Pueblo pages. How is this possible? I just added the code into one place. Thank you!

Is there anything I need to do to the code above to make it specific and applicable to my situation ? Are their any other settings or anything else at all in any other code I need to change? Or changes to names of buttons? Or is the only changes I need to make, is simply and solely to paste the code above in? And is the only place I need to add the code to Home > Design > Custom Css? thanks!!!!

I pasted the code in, and when in mobile view, there is no button. Nothing appears any different. I pasted the code where you instructed. The URL is hotelcielorojo.com. Thanks in advance for any help you can provide.

So literally just paste the following code into the location you specified, with no modifications? @media only screen and (max-width: 1024px) and (pointer: coarse), screen and (max-width: 799px) { .header--menu-open .header-display-desktop { display: none; } .header-display-desktop { display: block; position: absolute; width: auto; left: 50%; transform: translateX(-50%); z-index: 999999; } .header-display-desktop .header-title-nav-wrapper { display: none; } .header-display-desktop .header-nav, .header-display-desktop .header-burger { display: none } .header-display-desktop .header-actions.header-actions--right { display: block; } .header-display-desktop .header-actions-action--cta { display: block; } }

I don't see anywhere in your HTML code a reference to the destination of the button - which was www.omegaphysio.co.uk/booknow. So not sure exactly how to apply this to our situation/site. Thanks.