Shopify themes, liquid, logos, and UX
How do I minimize blank space above and below my drop down menu for all my product pages?
How do I minimize blank space above my size chart? (for the slippers)
How do I make my size chart smaller? (for slippers)
Thanks in advance
My website is harmantra.com
Im using the refresh theme
Hi @spkhan
1. Please explain more with screenshots about the dropdown menu you want.
2. Navigate to Online store > Themes > Edit code. Find the file "base.css", scroll down to the bottom and this code:
@media screen and (min-width: 750px) {
#shopify-section-template--17951645696308__c2fbf868-03a7-4cc1-ba1c-a685ff198562 .banner__media {
max-width: 40%!important;
}
}
3. Adjust the percentage at max-width if you need it to be smaller:
Besides, we don't see much space above to size chart. If you want to remove the blank space below the size chart. Please add this code to base.css:
#shopify-section-template--17951645696308__collapsible-content .collapsible-content,
#shopify-section-template--17951645696308__collapsible-content .collapsible-content__wrapper {
padding-top: 0px!important;
}
I hope that it will help you solve the issue.
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
B2B Solution & Custom Pricing | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025