Mobile: Adjust Header Logo Size & Product Title Size [THEME: Palo Alto]

Store Design
1

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;}
}
1 Like
2

hello @Otayfer What theme Are you using for your store ??

3

Hello Deiinge, as written in the title [THEME: Palo Alto]

1 Like