How can I minimize the blank space above 'cart' on my website?

Hi

Hoping to get some guidance please on reducing the blank space above the word cart,

Image of both computer and mobile view is below.

My site is www.acornkids.com.au

Many thanks Fiona

Hello @Fiona_Savaris
This is GemPages - A powerful Page Builder.

Regarding your question, I would like to give you some recommendations to support you

You can follow these steps:

  1. Go to Online Store->Theme->Edit code
  2. Open your theme.liquid theme file
    paste below code before :
.template-cart .page-title,.template-cart .breadcrumb-navigation{
padding-top:0px !important
}

Hope my recommendation can works and support for you!
Kind & Best regards!
GemPages

Please try it and let us know the results, Thanks

Hello @Fiona_Savaris

Sorry, I update my code :
it should be:


Hope my recommendation can works and support for you!
Kind & Best regards!
GemPages

Hi @ Fiona_Savaris

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

-Go to Online Store->Theme->Edit code

-Asset->theme.css paste the below code at the bottom of the file.

@media(max-width:767px){

div#shopify-section-template–14343833321575__main .breadcrumb-navigation{display:none !important}

div#shopify-section-template–14343833321575__main .page-title{padding:0 !important}

}

Hope my solution works perfectly for you!

Best regards,

PageFly

1 Like

Thank you very much for your reply this has worked only for mobile viewing, can it also work for computer? Screenshot of the gap still in the computer cart view is below:

you can add code

div#shopify-section-template–14343833321575__main .breadcrumb-navigation{display:none !important}

div#shopify-section-template–14343833321575__main .page-title{padding:0 !important}

Hi!

I did add the extra code but my gap to the work cart on computer is still large?

This is the code now and the current gap I am seeing?

1 Like

Hi @Fiona_Savaris ,

Please try this code

.breadcrumb-navigation {
    display: none !important;
}
.page-title {
    padding: 0 !important;
}

Hope it help!
Victor | PageFly team

no still not changed on the cart view in computer - not to worry I will leave it as it, the mobile cart does look better which is good.