How can I enlarge my logo on both PC and mobile in the Kalles theme?

Store Design

Topic summary

  • Request: Enlarge the store logo on both desktop and mobile for the Shopify Kalles theme.

  • Proposed fix: Add a CSS rule by going to Online Store → Theme → Edit code, then Assets → pre_theme.min.css, and append the code at the bottom.

  • Details: The CSS targets .header_4 .branding img and #ntheader.live_stuck .logo_sticky, setting the logo width to 190px with !important so it applies to both the regular and sticky header.

  • Impact: Should increase the logo size consistently on PC and mobile, since CSS (style rules) controls presentation across device breakpoints.

  • Artifacts: A short CSS code snippet is central to understanding and applying the solution.

  • Status: One suggested solution provided; no confirmation from the requester yet, so resolution remains pending.

Summarized with AI on February 19. AI used: gpt-5.
1

How to make logo bigger in both pc and mobile version

theme : kalles multipurpose shopify theme

store : demostoreforcase2.myshopify.om

password : zialor

2

Hi @abhi3764 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/pre_theme.min.css->paste below code at the bottom of the file:
.header_4 .branding img,
#ntheader.live_stuck .logo_sticky {
    width: 190px !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like