Making WordPress.org

Opened 7 months ago

Last modified 6 months ago

#7655 new defect (bug)

In Responsive view, drop down menu collapse on cart icon

Reported by: pranitdugad's profile pranitdugad Owned by:
Milestone: Priority: normal
Component: Swag Store (mercantile.wordpress.org) Keywords: needs-testing has-screenshots
Cc:

Description

In Responsive view, when user opens nav menu ,it collapse on cart icon as show in attached screenshot which does not looks proper

Attachments (2)

Screenshot 2024-05-24 at 9.20.40 AM.png (74.7 KB) - added by pranitdugad 7 months ago.
I have attached Screenshot for better Understanding
#7655-resolved.png (161.8 KB) - added by naeemhaque 6 months ago.
After applying this css it's resolve the issue.

Download all attachments as: .zip

Change History (4)

@pranitdugad
7 months ago

I have attached Screenshot for better Understanding

#1 @naeemhaque
6 months ago

  • Keywords needs-testing has-screenshots added
  • Priority changed from lowest to normal

Hello, I've tasted & found the same issue. And I realized this is a CSS issue. I find out a solution also.

.header-block .wp-block-woocommerce-mini-cart {
    margin-left: auto;
    margin-right: 20px;
}

If we add some margin right side of the icon. It works perfectly like WordPress's other sites.
For example profiles.wordpress.org/username.

In .header-block .wp-block-woocommerce-mini-cart class margin-left: auto; have been placed already. We just need to add margin-right: 20px;

Hopefully, this will work.

Thank You

@naeemhaque
6 months ago

After applying this css it's resolve the issue.

This ticket was mentioned in Slack in #meta by naeemhaque. View the logs.


6 months ago

Note: See TracTickets for help on using tickets.