Making logo larger on mobile

Store Design
,

Topic summary

A user is seeking help to enlarge their logo specifically on mobile devices.

Current situation:

  • Logo displays properly on desktop
  • Logo appears too small and difficult to read on mobile devices

Technical details:

The discussion remains open with no solutions provided yet.

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

Hi everyone, how can I increase the size of my logo on the mobile website version? It’s fine on desktop, but on mobile devices it’s small and hard to read.

Theme: Rise

Site: imagidoodle.com

2

In order to make the size of the logo increase for the mobile you need to follow these steps.

Go to Shopify Admin >> Online Store >> Edit Code >> base.css

In the end of base.css paste the following code shared below.

@media only screen and (max-width: 767px) {
.header__heading-logo {
     transform: scale(1.2) !important;
}
}

Results:

image
image442×170 42.7 KB

1 Like
3

Hi @ImagiDoodle always backup themes before modifying files.
And before modifying things for a CSS band-aid try a custom css SETTING first
https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css

1 Like
4

Thank you both! @The_ScriptFlow your code worked, and I put it in the theme customizer CSS area as @PaulNewton suggested.