Hi, My store is having this problem where the header in the desktop is ok, but the mobile view is disgusting, the logo is very much big in my mobile view this is my website www.missartz.com and the password is “verifymequickly”
Hey @MissArtz
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above tag.
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Yes, it is great it indeed did the job but also can I make the desktop one more small as well
and can I make the header transparent in that way it will look cool.
Hey @MissArtz
Keep the previous code and add this new code right above tag in theme.liquid file
@media (min-width: 768px) {
.header__heading-logo {
height: 100px !important;
max-width: 60%;
}
nav.header__inline-menu {
margin-top: 0 !important;
}
.header__menu-item {
padding-top: 0 !important;
}
}
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Just super!! since now the header is in the right size can I make it transparent?
Hey @MissArtz
Add this code above in the bottom of the file in theme.liquid file
{% if template == 'index' %}
{% endif %}
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
FOR THE MOBILE AS WELL, ALSO CAN I MAKE THE TEXT MORE BOLD?
tHE TEXT LIKE THE CATALOG AND AND ALL ARE NOT VISIBLE
Hey @MissArtz
Add this code above in theme.liquid file
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
There is a problem see taht best sellers part it has collapsed
Hey @MissArtz
I updated the code right after I noticed it, please refresh the page and check again
It is superb! Can I make the text bold in the both as they are not clearly visible
little bit not too much.