How can I remove blank space on my order tracking page?

Store Design
, ,

Topic summary

A user is experiencing unwanted blank space below their Track123 order tracking section on their Shopify store.

Issue identified:

  • The main-content div class has a minimum height set to 700px, creating excessive whitespace

Proposed solution:

  • Reduce the minimum height from 700px to approximately 400px using custom CSS
  • Add a media query targeting screens with minimum width of 769px
  • Implementation can be done through the theme editor under Settings > Custom CSS, or directly in the theme’s CSS file

A specific CSS code snippet was provided to resolve the spacing issue.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
1

Hi, is there any way to delete this blank space under my “track your order” section which is supported by Track123?

Web: https://nexaco.co/apps/track123

Rupert22_0-1711138950706.png
Rupert22_0-1711138950706.png1896×884 25.4 KB

2

It appears that your ‘main-content’ div class is set to have a minimum height of 700px. If you changed that to ~400px, that would help with the spacing.

You could add the following coding to the bottom of your theme’s CSS file, or else via the theme editor > settings > custom CSS:

@media only screen and (min-width: 769px)
.main-content {
    min-height: 400px !important;
}