The attached screen shot of nysubway.com home page shows how the logo overwrites the menu if you scroll down the page and then back up again. Seems to be a problem on every browser, desktop and mobile. Thanks in advance for the help
Regards,
nytix
https://www.screencast.com/users/nytix/folders/Default/media/6c77b521-46c6-4d72-8555-0eb0135c2366
The site is live, so you can see it for yourself at:
https://www.nysubway.com/
Hi,
The logo seems to not be limited when in sticky mode. Tried to reproduce this using same header style and big logo, and it is limited in my case.
In your case the max-width limit is not applying for some reason, it should be like this
– https://www.screencast.com/t/Yit2JQDTqVko
Try setting a mobile logo and use it for the affix
– https://www.screencast.com/t/izoA7nnogSA
Thanks
A small Mobile image is already set, try looking at it in a smaller window or on a phone. So this problem only appears when on larger-than-mobile screens, but still on everything on iPad and upwards. I haven’t made any modifications to any of the code and I have disabled all the add-ins.
Made your modification for logo on sticky menu, but still some overlap – take a look:
https://www.nysubway.com/
Try this code in the theme panel custom CSS section, the result will be like this
– https://www.screencast.com/t/zeRB0jTIIfB
@media (min-width: 1019px) {
.td-header-style-10 .td-logo-sticky img {
max-width: 102px;
}}
Or try to extend the header menu to be wider, check the results with that
– https://www.screencast.com/t/P1KLvVHc0
You CSS code works well for for desktop, but iPad still suffers from the overwrite problem.
Tried to extend the header with header-menu-stretch – but did not resolve on iPad
The initial Settings are at:
http://www.screencast.com/users/nytix/folders/Default/media/11ff42ac-45af-4f69-99ea-6abea5bdc1c4
Seems like Style10 was an after thought and may not be very stable/reliable?
Indeed, this header style together with a sticky menu logo may not produce the best results. I will add this on our list and our team will take a look to see what can be done about it. Sorry for this inconvenience.
You could either remove the logo when sticky and keep using the header style, or try another one.
