A user is requesting help to display “-- Select Size --” text in the variant dropdown on desktop view for their Shopify store using the Prestige theme (v10.4.0). The placeholder text currently appears correctly on mobile but is missing on desktop.
Initial Solution Provided:
A CSS code snippet was shared that adds “Select Size” text above the dropdown popover using the :before pseudo-element. However, the helper noted this might be redundant since “Select Size” already appears above the dropdown.
Follow-up Request:
The original poster wants the text positioned inside the dropdown box itself, with a line separator below it (similar to the mobile implementation shown in their screenshots).
Current Status:
The discussion remains open. The user is awaiting guidance on how to place the placeholder text inside the dropdown box with proper formatting, rather than above it. This will likely require more specific Liquid/HTML modifications beyond the CSS-only solution initially provided.
Hello Everyone!
can you make it say on the variant dropdown “-- Select Size --” when opened (Desktop)
It’s fine in mobile mode. I want to keep it in desktop mode. I have added 2 images below. The first one is in desktop mode. The second one is in mobile mode. The --" select size --" is showing in mobile mode.
Password: Admin
This can be done by modifying your theme code
If you just need a label of sorts you can add this to your CSS file:
.product x-popover:before {
content: "Select Size";
width: 100%;
text-align: center;
display: block;
}
It should insert the text Select Size above your size popover. This is of course the easiest option, if you need something better more specific code will need to be added, but you can style that however you wanted it:
I should also add that I think this is overkill as it says “Select Size” directly above the dropdown already.
Thank you very much, Sir. Can the selected size text be placed inside the box, and lines can be added below the text? Please help me.
Are there you? Can the selected size text be placed inside the box, and lines can be added below the text? Please help me.
