How can I minimize blank space on my product pages?

Store Design
, ,
1

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

2

My website is harmantra.com

Im using the refresh theme

3

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;
  }
}
  1. Adjust the percentage at max-width if you need it to be smaller:

view (33).png
view (33).png1793×683 80.5 KB

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.