Making alternate logo bigger in Mobile Header

Site URL: https://lobster-ray-g42d.squarespace.com/certification

Hi there - I have another question if I may:

I have substituted my regular logo for an alternate version on my 'Certification' page by inserting it in the advanced code of the page settings using the URL from my custom files.

For my regular logo I made it larger in the Mobile header using this code:

@media screen and (max-width:640px) {   
  .header-title-logo img {     
    max-height: 120px; 
    transform: translateY(20%);
  }
}

How do I do the same for alternative logo? It has the same dimensions, but is a colour version instead of white.

Thank you so much!

PW: youcanenter

1 hour ago, LV-OZ said:

Site URL: https://lobster-ray-g42d.squarespace.com/certification

Hi there - I have another question if I may:

I have substituted my regular logo for an alternate version on my 'Certification' page by inserting it in the advanced code of the page settings using the URL from my custom files.

For my regular logo I made it larger in the Mobile header using this code:

@media screen and (max-width:640px) {   
  .header-title-logo img {     
    max-height: 120px; 
    transform: translateY(20%);
  }
}

How do I do the same for alternative logo? It has the same dimensions, but is a colour version instead of white.

Thank you so much!

PW: youcanenter

If you go into Custom CSS and paste this in:

#collection-60dd43fb867a9d19d3723218 .header-title-logo a {

  @media (max-width: 640px) {
    max-height: 120px;
  } 
  
} 

Feel free to adjust where needed.

thank you so much! That worked for me!

On 7/6/2021 at 1:42 PM, LV-OZ said:

thank you so much! That worked for me!

 

Hi. Just found some minor issues on your site. Do you need help to fix these?

Site URL – https://lobster-ray-g42d.squarespace.com/?password=youcanenter

1. (Mobile – Homepage) Scroll bar at the bottom of page.

https://lobster-ray-g42d.squarespace.com/?password=youcanenter

2. (Mobile – Footer) Align center footer?

https://lobster-ray-g42d.squarespace.com/?password=youcanenter

3. (Mobile – Footer) On desktop, the email and the arrow icon are on one line. On mobile, the arrow icon is cut to the next line.

https://lobster-ray-g42d.squarespace.com/?password=youcanenter

4. (Mobile – Blog posts) Paginations are too close together.

https://lobster-ray-g42d.squarespace.com/knowledge-news/blog-post-title-three-j6kx4/?password=youcanenter

5. (Tablet – Homepage) Increase text and image width?

https://lobster-ray-g42d.squarespace.com/?password=youcanenter

6. (Tablet – Footer) Text certification is cut into 2 lines. Social icon is cut into 2 lines.

https://lobster-ray-g42d.squarespace.com/?password=youcanenter

7. (Tablet – product) Text Fragrance and text Australian are cut into 2 lines.

https://lobster-ray-g42d.squarespace.com/sandalwood-oils/?password=youcanenter

8. (Tablet – Product) The horizontal lines are not aligned with each other, it doesn’t look good

https://lobster-ray-g42d.squarespace.com/sandalwood-oils/?password=youcanenter

9. Still have some other issues.