How to fix the "Your Cart" Continue Shopping button on dawn theme

Store Design
1

Hello everyone,

I am looking at the cart page of my dawn theme. I am wondering how I can move the “Continue Shopping” button to be displayed below “Your Cart.” Right now the “Continue Shopping” button is right up against the header, “Your Cart.” It looks very strange and I think it would look much nicer if I could place the button below the header.

Example:

It says: Your Cart Continue Shopping

I want:

Your Cart

Continue Shopping

Thanks in advance for any help you have to offer.

1 Like
2

Hello @Dj9

To fix the “Your Cart” Continue Shopping button on the dawn theme, add this code to your base.css file.

Navigate to online store >> Click edit theme code.

Now find base.css and paste the following code:

.title-wrapper-with-link{display: block !important;}

I hope it will be helpful for you.

Thanks

Did it solve your issue?

  • If yes, Like & Mark As Solution to help the community

  • If not, let me know. also share a screenshot of the code that you added.

1 Like
3

@Dj9

can you please share store url

4

@Dj9
Hi,
Kindly Share your Store URL.
So that we can help you.

5

Open the file Assets/base.css in the code editor and add this code at the bottom of the file:

cart-items .title-wrapper-with-link {
  display: block;
}
1 Like
6

Thank you very much, this works!

7

Thank you, this works as well!

8

Note that with the code without the cart-items part at the start the change will likely affect more than just the cart page, as that style is used in various other places across the theme too.

9

you are always welcome

10

Is there a way of doing this but having the title and ‘continue shopping’ aligned centre? :folded_hands:t2: