Increase header logo size bit more with code

Store Design
, , , ,

Topic summary

A user seeks to increase their header logo size without compromising image quality using CSS code.

Solutions Provided:

  • Option 1: Add transform: scale(1.1) to the .header__heading class in the base.css file
  • Option 2: Insert custom CSS in theme.liquid before the </body> tag, including:
    • Mobile-specific padding adjustments for screens under 767px
    • Logo scaling using transform: scale(1.2)
    • Margin adjustments for header search elements

Outcome:

The issue was resolved successfully. The user confirmed the solution works as intended.

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
2

Add this code to base.css file

.header .header__heading {
   transform: scale(1.1)
 }
1 Like