Change Mobile View Product Page Size Selector Pop Up

Topic summary

A user needs help removing the border from the size selector pop-up on their mobile product page.

Issue:

  • Border appears on the size selector pop-up in mobile view
  • Shop link provided for reference

Solution Provided:
A developer responded with a CSS code snippet to add to the theme’s CSS file:

  • Targets the .popover::part(header) element
  • Sets border-block-end: 0 !important; to remove the border

Status: Solution offered, awaiting confirmation if it resolved the issue.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.

NEED HELP

Please remove the border of the Size Selector Pop Up

Shop Link: https://93f811-2.myshopify.com/

Hi @admintb , add the below code to your theme’s CSS file.

.popover::part(header) {
    border-block-end: 0 !important;
}
1 Like