Mobile Devices Template Issue (small logo and texts)

Hello,

My Webshop’s logo and texts look too small on mobile devices how can i fix it ? (zuschlafen.de)

Thanks in advance
Taha

hi.. @Zuschlafen

can you please shear your store URL and password i have suggested a better solution

www.zuschlafen.de is the url. If you type and check on your mobile phone browser, you will understand what i mean.

Sorry, i cannot share any password.

Hallo @Zuschlafen

You can add code by following these steps to change

  1. Go to Online Store → Theme → Edit code > assets > base.css

paste below code at bottom(base.css)


**@media only screen and (max-width: 767px) {**
**.header__heading-logo {**
**max-width: 185px !important;**
**}**
**a.header__heading-link.link.link--text.focus-inset {**
**padding: 0;**
**}**
**.header__icon--menu .icon {**
**transform: scale(1.7) !important;**
**}**
**summary.header__icon.header__icon--search.header__icon--summary.link.focus-inset.modal__toggle svg {**
**transform: scale(1.7) !important;**
**}**
**svg.icon.icon-cart-empty {**
**transform: scale(1.7) !important;**
**}**
**.header__icons {**
**gap: 15px !important;**
**}**
**}**

If you require any further information, feel free to contact me.

Best regards,

Thanks for answer,

I copy paste to code button of base.css but still same problem, Would you check zuschlafen.de on your phone, you will see that

@Zuschlafen For this I need access to your store.(DM)

any idea ? seem like below on mobile phone, desktop is good

any idea people ?