I’m trying to add dynamic size guides to my products. I created a metafield for the size guide and have it selected for “pages”. This worked fine in dawn theme, but now in horizon theme, it’s a little wonky. It always adds the page title to the section which I don’t want, and it doesn’t seem to change on the website if I resize an image or change the font or size of text in the pages section. The first attached image is what it looks like in mobile view and the second image is what it looks like in the actual page section.
URL: www.eastsidemelrose.com
Password: opensesame
If there’s no additional block or setting then you can try in a custom CSS setting try one of the following CSS band-aid.
https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css
#shopify-block-ASXBpTUJxSFlOUWhCb__page_RDhqmb h2.page_title { display: none !important; }
or
/* NOTE this rule ALWAYS applies to the SECOND accordion */
.product-details accordion-custom + accordion-custom h2 { display: none !important; }
Or reach out to me for customization services to fix the actual logic problem in the theme with better behavior or settings.
This worked, thank you so much!
1 Like