Different sized logo in header on password page for Brooklyn Theme

Store Design
,
1

Hello!

My site is https://fableslifestyle.com/password

I would like the “Fables” logo to remain the same size on desktop, but display slightly smaller on mobile. Anyone know how to do this? Thanks in advance!

2

@llafrance

only screen and (max-width:768px){
.password-page__logo img {
    height: 19px !important;
}
}

Put above css into base.css file(online store-> themes->base.css)

3

I can’t seem to find base.css under edit code, perhaps it has a different name?

4

@llafrance Then put that code before closing of tag in theme.liquid file

Over here as shown in below pic

Ujjaval_0-1669958557347.png
Ujjaval_0-1669958557347.png1440×760 55.5 KB

Look at in mobile view:

Ujjaval_0-1669958762644.png
Ujjaval_0-1669958762644.png1412×551 255 KB

5

Hi @llafrance ,

This is Victor from PageFly - Landing Page Builder App.
You can go to Online store => themes => actions => edit code and add this code on file theme.scss.css or timber.scss.css

@media screen and (max-width: 767px){
.password-page__logo img {

    height: 19px !important;

}
}

Hope this answer helps.
Best regards,
Victor | PageFly team

6

Worked perfect adding to the end of theme.scss.css, thank you!