Remove "Title" dropdown on Product Pages

[gracegosnell]

We have several products that don't have any variants, however the product pages are showing a dropdown called "Title" with the default option as 'Default Title': https://www.glossandgold.com/products/pink-and-red-beaded-striped-clutch

I've tried adding the following code into the theme.liquid file but with no luck: 

.product-single .selector-wrapper label {
display: none;
}
.product-single .single-option-selector {
padding-left: 25px !important;
}

Any other ideas how to get rid of that dropdown?

[JHKCreate]

Hi @gracegosnell 

You can add this code to "main.scss.css" to remove the dropdown completely, do you have or plan on having products with variants?

.selector-wrapper.js.product-form__item.color-swatch.options.productitem-option1-js {
    display: none;
}

Let me know if that works!

[gracegosnell]

Yes, some products will have variants that need to be displayed.

[JHKCreate]

In that case are you sure you're products don't have a "Default" variant on their product page?

[MS-WEB-DESIGNER]

Dear @gracegosnell 

Hope this will help

• From your Shopify admin, go to Online Store > themes.
• Locate your current theme and then click Actions > Edit code.
• After that in the Assets folder, click to open your theme.scss.liquid file.
• Go to the very bottom of this file and paste the following code:

/* Start */
.selector-wrapper.js.product-form__item.color-swatch.options.productitem-option1-js { display: none; }
/* End*/

• Ensure that the code was copied exactly from this guide and pasted correctly, making sure no characters or symbols are missing.
• Save and check your theme by refreshing it.

If you still need help you can contact us by using the link or email given at signature.