Mobile empty cart header size

Store Design
,
1

Hey all,

Can someone tell me how to adjust the size of the header in my mobile empty cart section please?

Its literally only on the empty cart page and only on the mobile section. the header on all other pages and the desktop section are fine.

Thanks

Screenshot 2025-04-24 130329.png
Screenshot 2025-04-24 130329.png487×1198 33.1 KB

2

Hi @jteddy ,

Could you please share your Store URL and password (if applicable) so that I can review it and provide you with the appropriate solution code?

Looking forward to your response.

Thanks!

3

Hi there!

Great question — this sounds like a simple CSS tweak targeted at the mobile view of your empty cart page.

Since it’s only affecting the empty cart header on mobile, we can isolate it using a media query and target the specific section.

Would you be egger in knowing how to?

4

Thanks,

Its https://smoothervibes.com/

Password: thicho

5

Ive just seen that the problem is actually on the desktop section too

6

Hi @jteddy ,

I tested it and it works fine on my device.

Did you solve it?

7

Hi there,

You are correct. Ive just looked at it on my actual phone and it looks fine.its only when im customizing in shopify on my desktop that it looks like in the screenshot i posted. strange. I should have checked on my phone first.

8

Some caches issues in the Browser cause the weird issues.

9

Hi @jteddy ,

When you change in Customize, the announcement bar slider may not have reloaded JS, so it causes an error. After you save or reload, it will display fine.