Increasing logo size on both web/mobile (Trade theme)

Store Design
,
1

I’d like my logo to be a larger especially on mobile (it gets too small especially when scrolling).

Using “Trade” theme.

The template has desktop max set to 300px and I don’t see a place to control mobile at all. Is there custom code to update both desktop and mobile?

logo 300max.jpg
logo 300max.jpg253×105 2.64 KB

2

Hi @rachp528

This is Mike from Consentik

You can try my solution:

  1. Open theme editor

  2. Find and open file base.css

  3. Paste this code to the bottom of file:

.header__heading-logo {
    width: 100px !important;
}

You can change the number of width to what you want.

I hope this helps

Mike from Consentik

1 Like
3

This appeared to work for my desktop version, thank you! Is there additional or different code for the mobile version to be increased?

4

@rachp528

You can try this:

@media (max-width: 767px) {
.header__heading-logo {
    width: 100px !important;
}
}