How can I edit the header when scrolling?

Store Design
1

Hello! I want to edit the logo when scrolling down because it’s too small. I found the code to edit:

Captura de ecrã 2021-11-10, às 14.34.09.png
Captura de ecrã 2021-11-10, às 14.34.09.png2858×117 13.6 KB

.has-scrolled .logo__image-link {
    width: 71
px
;
    height: 40
px
;
}

But when I try to search for it on the theme.css, I can’t find it. I want to have 151 width and 5000 height. How can I edit this? Site URL: https://4pqx986blkce0xc6-57869762725.shopifypreview.com

1 Like
2

@rafaelgnunes

yes please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.has-scrolled .logo__image-link { width: 150px !important; height: 100px !important; }
3

@KetanKumar Thanks, it works perfectly!

1 Like
4

@rafaelgnunes

its my pleasure to help us