Small logo size

[Oto1]

Hi,

When I add a png logo file to my Flux Theme, it appears way to small in the menu bar. If I try to increase the logo size from settings, the menu bar increases simultaneously, resulting in a bad overall design. I have read some solutions to the same kinds of problems, but they didn’t work in my case. As I’ve zero experience in coding, I don’t know why these solutions does not work, maybe I doing something wrong or maybe the Flux theme needs some other kind of css?

Thank you in advance

[Oto1]

Hi, Thank you for replying!

Here is the url: https://carouselkids.ge/

[devcoders]

Hello @Oto1

Go to Online Store > Themes > Actions > Edit Code > Assets > base.css
Paste your CSS at the bottom of base.css and click Save

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

[Mustafa_Ali]

mobile

desktop

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the ----->
before the body ----->
if this code work please do not forget to like and mark it solution

[Oto1]

The solution worked great for the desktop! Thanks for that!

As I’ve checked the logo on mobile remains still small.

[devcoders]

Hello @Oto1

Go to Online Store > Themes > Actions > Edit Code > Assets > base.css
Paste your CSS at the bottom of base.css and click Save

@media screen and (max-width: 990px){
.header__heading-logo {
  max-width:125px!important;
}
}

[DaisyVo]

Hi @Oto1

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

@media screen and (max-width: 990px) {
    .header__heading-logo {
        max-width: 115px !important;
    }
}

Result

Best,

DaisyVo

[Oto1]

Thank you my friend!

[Oto1]

Thank you!

[Oto1]

Thank you friend!