How can I minimize blank space on my product pages?

[spkhan]

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

[spkhan]

My website is harmantra.com

Im using the refresh theme

[BSS-Commerce]

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.