Hi how do i fix my mobile logo size and placement

Store Design
1

What it currently looks like

image 27 (1).png
image 27 (1).png247×559 71.8 KB

What it should look like

Group 8 (3).png
Group 8 (3).png337×613 107 KB

URL https://never-skip-dessert.myshopify.com/?_bt=eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaVZ1WlhabGNpMXphMmx3TFdSbGMzTmxjblF1YlhsemFHOXdhV1o1TG1OdmJRWTZCa1ZVIiwiZXhwIjoiMjAyMi0wOS0xMlQxODozMzozOC4wMDRaIiwicHVyIjoicGVybWFuZW50X3Bhc3N3b3JkX2J5cGFzcyJ9fQ%3D%3D–138784c2d8dbcc33abef419ab43ffa588db6ffee

Pass word 12345

2

@Alex_119 You need to add this code in the theme files. For which you need to go to Online Store > Actions (Active theme) > Edit Code > Assets, under assets add the code at the bottom of base.css file.

@media screen and (max-width:600px){
.header__heading-logo {
    max-width: 240px !important;
    top: 19px;
}
}
3

Hi @Alex_119 .

This is PageFly - Advanced Page Builder.

You can go to Online store => themes => actions => edit code and add this code on file base.css

@media screen and (max-width: 767px){
   .header__heading-logo{
        width: 50% !important;
        height: 50% !important;
  }
}

Hope this helps.

Best Regards;

Pagefly

4

this didn’t work is there any code I should try deleting?

5

@PageFly-Victor