Cart page hidden by toolbar Mobile

[Danielparsons]

Hi All, The checkout button is hidden by the toolbar on mobile, can the page size be reduced or the tool bar hidden? thanks 

URL: https://label-source.co.uk/

Example below:

[GemPages]

Hello @Danielparsons 

It's GemPages support team and glad to support you today.

I would like to give you a solution to support you.

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

2. Open your assets/app.css  theme file.

3. Add the code at the end of the file:

body .cart-drawer .order-note-toggle__content{
   bottom: -60px;
}
body .cart-drawer .side-panel-inner{
  padding-bottom: 60px;
}

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

[PageFly-Victor]

Hi @Danielparsons 

You can try this code by following these steps:

Go to Online store => themes => actions => edit code  and add this code on file theme.liquid before tag </body>

<style>

@media screen and (max-width: 767px){

body .cart-drawer .side-panel-inner{

  padding-bottom: 60px;

}

}

</style>

Hope this answer helps.

Best regards,

Victor | PageFly

[websensepro]

Hi @Danielparsons 

1. Go to the online store -> Themes

2. Edit the code and search for  component-cart-drawer.css  
3. pasted the code 
.drawer__inner{

  width: 30rem;

}