Making WordPress.org

Opened 4 weeks ago

Last modified 3 weeks 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 4 weeks ago.
I have attached Screenshot for better Understanding
#7655-resolved.png (161.8 KB) - added by naeemhaque 3 weeks ago.
After applying this css it's resolve the issue.

Download all attachments as: .zip

Change History (4)

@pranitdugad
4 weeks ago

I have attached Screenshot for better Understanding

#1 @naeemhaque
3 weeks 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
3 weeks ago

After applying this css it's resolve the issue.

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


3 weeks ago

Note: See TracTickets for help on using tickets.