Why is my Header formatted weird on mobile?

Store Design
1

My Header “Tik Tok Tech Desk” is cropped weird on mobile even though it looks fine in the editor.

unnamed.jpg
unnamed.jpg750×1334 69.9 KB

2

Hi @TheTechDesk ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
@media (max-width: 989px) {
.header__heading-link {
    width: 212px !important;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.