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

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

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

Otayfer
Excursionist
40 0 10

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;}
}  
  

 

 

 

Replies 2 (2)

Deiinge
Tourist
5 0 0

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

Otayfer
Excursionist
40 0 10

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