{"id":16609423,"date":"2023-03-30T09:12:06","date_gmt":"2023-03-30T09:12:06","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/menu-does-not-overlap-content-on-mobile\/"},"modified":"2023-03-30T09:19:48","modified_gmt":"2023-03-30T09:19:48","slug":"menu-does-not-overlap-content-on-mobile","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/menu-does-not-overlap-content-on-mobile\/","title":{"rendered":"Menu does not overlap content on mobile"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">WordPress 6.2, Plugin: Twentig Version 1.5.5<br \/><br \/>Website: <a href=\"https:\/\/clean2gleamwindows.co.uk\/window-cleaner\/window-cleaner-in-hall-green\/\">Window Cleaner in Hall Green<\/a>.<br \/><br \/>To reproduce, use Chrome, open dev tools, toggle device toolbar (mobile view) and select iPhone 12 Pro. Open mobile menu and you will see the grey block is over the menu.<br \/><br \/>I believe the issue is that the z-index on the menu is set at 2 and along with the overlap styles for the image overlap block.<br \/><br \/><code>.primary-navigation-open .primary-navigation<\/code><br \/><br \/><code>.wp-block-media-text.is-style-tw-overlap .wp-block-media-text__content<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I can fix it by setting <code>.primary-navigation-open .primary-navigation<\/code> to a z-index of 3 for example.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Please note: I have temporarily fixed this with the following css&#8230;<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@media only screen and (min-width: 652px){\n\t\/\/ Fix for bug on overlap elements\n\t.primary-navigation-open .primary-navigation {\n\t\tz-index: 10;\n\t}\n}<\/code><\/pre>\n","protected":false},"template":"","class_list":["post-16609423","topic","type-topic","status-publish","hentry","topic-tag-z-index"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/16609423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":2,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/16609423\/revisions"}],"predecessor-version":[{"id":16609457,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/16609423\/revisions\/16609457"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=16609423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}