Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hello,
I'd like to adjust the Size of the Header Logo (unscrolled) to reduce it to 80% or so.
Additionally, I'd like to reduce the size of the Product Title on the Product page zu 80%.
Theme running: Palo Alto.
That's what I have already tried without any success (pasted it at the bottom of the theme.dev.css
@media screen and (max-width: 768px){
.logo__image-link img {
max-height: 10px !important;
}
}
@media screen and (max-width: 768px) {
.site-header__logo .site-header__logo-link img {
max-height: 10px !important;
}
}
@media screen and (max-width: 768px) {
.logo__image-link .logo__image-link--other img {
max-height: 10px !important;
}
}
@media screen and (max-width: 768px) {
.logo__image-link, .drawer__logo-image img {
max-width: 10px !important;
}
}
@media screen and (max-width: 768px) {
.logo__image-link, .drawer__logo-image, .logo__text-link img {
max-height: 10px !important;
}
}
@media (max-width: 769px) {
.product__title {font-size: 30% !important;}
}
Hello Deiinge, as written in the title [THEME: Palo Alto]