WordPress.org
Get WordPress

Making WordPress.org

Opened 3 years ago

Closed 3 years ago

Last modified 3 years ago

#7122 closed defect (bug) (fixed)

The container shouldn't be moved when the menu is opened on an iPad

Reported by: bhargav727 Owned by:
Priority: lowest Milestone:
Component: Developer Hub Keywords: has-patch has-screenshots
Cc:

Description

The user visited the site on an iPad and opened a menu. Now the user shouldn't be able to move the container from left to right/right to left.

URL: ​https://developer.wordpress.org/themes/

Attachments (1)

1.jpg​ (105.7 KB ) - added by bhargav727 3 years ago.

Download all attachments as: .zip

Change History (6)

@bhargav727
3 years ago

#1 @praful2111
3 years ago

  • Keywords reporter-feedback added
  • Milestone → Improved Search

There is an issue with the margin-left, So just need to minus 8PX margin from the width.

​https://developer.wordpress.org/wp-content/themes/wporg-developer/stylesheets/main.css
Line number: 3002

Replace width: 100%; to width: calc(100% - 8px);

https://i.imgur.com/fOjsElW.png

#2 @dd32
3 years ago

  • Keywords reporter-feedback removed
  • Milestone Improved Search
  • Priority normal → lowest

#3 @dd32
3 years ago

  • Component Handbooks → Developer Hub

#4 @coffee2code
3 years ago

  • Resolution → fixed
  • Status new → closed

Thanks for the report! This was fixed ​in 84d6384 on GitHub:

Add greater specificity to the responsive flyout menu CSS so as not to affect the header hamburger.

Props bhargav727.
Fixes https://meta.trac.wordpress.org/ticket/7122

#5 @coffee2code
3 years ago

#6541 was marked as a duplicate.

Note: See TracTickets for help on using tickets.