Weird menu problem only in Chrome

[chassa2556]

I have a site which has a sticky menu that all seems to work fine until I get onto this page

http://measure2improve.co.uk/performance-management-activsupplier/

Here the style sheet goes wrong and it creates a second menu at the very top – also the sticky menu goes out of sync because of it. If I take off the float from the parent style it seems to work but then throws it our of sync for the other browsers. Is there a way of ONLY specifying a style for Chrome?

https://www.screencast.com/t/5rmqLOJorkz4

This happens only on chrome all the other browsers are fine. Pulling my hair out to get this fixed – can anyone help. I can’t announce the successful launch of the site without sorting this issue.

Many thanks

Charlie

[Atelierbram]

Not just Chrome, it’s different in Firefox too. It because of the HTML markup which lacks this <div class="mkd-position-center"> wrapper on that page.

[chassa2556]

Thanks for that response – are you able to help me fix this issue – i’m a bit at a loss of how to put in that div class. The site’s in wordpress and its a post item. Can you shed any light as to where that div would go to correct the issue. Really grateful – happy to pay something to get this sorted.

[Atelierbram]

Just looked at the source code of the different pages, and it seems the “performance-management-activsupplier” page is published as a post ISO a page. One can take a hint from the classes on the body-tag in the source code, on that page it says: post-template-default single single-post among others, which means it is rendered by a different template (single.php ?) compared to the about-page for example (page-template-full-width).

To test how it would look as a page, maybe republish this “performance-management-activsupplier” page again as a page and temporarily disable the post. (Maybe try page-template-full-width for the template to see if that works). In dashboard in appearance/menus, the item can be removed from the menu if it was automatically added.

There may be a valid reason of course this article was published as a post, so in that case one has to dive into those templates. Maybe compare those two templates and see about adding in – and correctly nesting – the missing HTML markup.

When still in doubt about the page template in use on a given page or post, there is this plugin called “what the file” which will give info on the page-template on that page in a widget on the toolbar (when active).

[Author]

Posts