Turbo Theme Mobile Logo Fix [URGENT]

Daniel9503
Tourist
4 0 1

Hello everybody I am using the turbo theme and I tried yo increase the mobile logo size but it seems that it exceeds the top bar height how can I fix this?

STORE URL : Mythadora.com

pass: 12qe12

Screenshot_20210612-140113__01.jpg

 

 

0 Likes
dmwwebartisan
Shopify Partner
8533 2000 2691

@Daniel9503 

Please share web shop URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Daniel9503
Tourist
4 0 1

Hello, I edited to primary message with these details

0 Likes
dmwwebartisan
Shopify Partner
8533 2000 2691

@Daniel9503 

Please add the following code at the bottom of your assets/theme--critical.css OR styles.scss.liquid file.

 

@media only screen and (max-width: 798px){
#header .top_bar {height: 115px;}
#header .top_bar a.mobile_logo {width:100% !important;}
#header a.mobile_logo img {width: auto;max-width: 120px;max-height: 120px;}
.index-sections .under-menu:nth-child(1) {margin-top: 90px !important;}   
}

 

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Daniel9503
Tourist
4 0 1

hey thank you for the solution it WORKS PERFECTLY for the logo size - BUT !

But on the other hand now I cant open the menu on the mobile, is there any fix to that ?

please 

dmwwebartisan
Shopify Partner
8533 2000 2691

@Daniel9503 

Please remove previous css  and this new css class

@media only screen and (max-width: 798px){
#header .top_bar {height: 115px;}
#header a.mobile_logo img {width: auto;max-width: 120px;max-height: 120px;}
.index-sections .under-menu:nth-child(1) {margin-top: 90px !important;}   
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
g33kgirl
Shopify Partner
321 95 110

@Daniel9503 How are you increasing the logo width? 

You can add this at the end of your CSS file (Themes -> Edit code -> Assets -> styles.scss.css

 

@media only screen and (max-width: 798px){
  #header .top_bar {
      height: 150px;
  }
  #header a.mobile_logo img {
      max-height: 150px;
  }
}

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
0 Likes
Daniel9503
Tourist
4 0 1

Thank you, it worked.

 

Thank you all !

0 Likes
dmwwebartisan
Shopify Partner
8533 2000 2691

@Daniel9503 

If helpful then please Like and Accept Solution.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes