Hello, I just wanted to ask for some help on making the header size fit on the mobile app. Here is what I am trying to fix. I’ve checked many forums and added codes but I was still unable to figure it out. Any reply will be appreciated, Thank you.
1 Like
Hi @CentralE19
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.
How do i reduce the font?
Hey @CentralE19
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
Yeah it didn’t work
Hi, can you share store URL and detail image?
Hi @CentralE19
Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?
Hi @CentralE19
I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for tag and add the following code above tag: https://prnt.sc/KWtKYyZkDtYJ
Here is the code for Step 3:
{% style %}
@media screen and (max-width: 768px){
header.header {
grid-template-columns: auto 1fr auto !important;
}
}
{% endstyle %}
Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team.
Hi @CentralE19 ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above tag:
{% style %}
@media screen and (max-width: 750px){
header.header {
grid-template-columns: auto 1fr auto !important;
}
}
{% endstyle %}
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 