Remove transparent header on mobile: minimog theme

Solved

Remove transparent header on mobile: minimog theme

Ked
Shopify Partner
40 2 12

Please i need help removing the transparent/sticky header on mobile only

Screenshot 2024-10-10 at 10.32.13 PM.png

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
10227 2033 2103

This is an accepted solution.

Hi @Ked 

Please add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code 

<style>
@media (max-width: 749px) {
.m-section-header .transparent-on-top {
position: unset !important;
}
.m-header .m-logo__image-transparent { 
    display: none !important; 
}
.m-header .m-logo__image-default { 
    display: flex !important; 
}
.m-header .m-header__mobile {
    background: #fff !important;
}
.m-header__mobile-right .m-svg-icon--medium {
fill: #000 !important;
}
.m-hamburger-box__inner:before, .m-hamburger-box__inner:after,
.m-hamburger-box__inner {
    background-color: #000 !important;
}
}
</style>

 

Screenshot 2024-10-11 at 10.11.28.png

 

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 6 (6)
Ked
Shopify Partner
40 2 12

I am here. Heres the link https://oriental-perfum.myshopify.com/

and the passwprd is sasa

Ked
Shopify Partner
40 2 12

What do you need that for?

Ked
Shopify Partner
40 2 12

Just that no one has asked me for that before 

Dan-From-Ryviu
Shopify Partner
10227 2033 2103

This is an accepted solution.

Hi @Ked 

Please add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code 

<style>
@media (max-width: 749px) {
.m-section-header .transparent-on-top {
position: unset !important;
}
.m-header .m-logo__image-transparent { 
    display: none !important; 
}
.m-header .m-logo__image-default { 
    display: flex !important; 
}
.m-header .m-header__mobile {
    background: #fff !important;
}
.m-header__mobile-right .m-svg-icon--medium {
fill: #000 !important;
}
.m-hamburger-box__inner:before, .m-hamburger-box__inner:after,
.m-hamburger-box__inner {
    background-color: #000 !important;
}
}
</style>

 

Screenshot 2024-10-11 at 10.11.28.png

 

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Ked
Shopify Partner
40 2 12

Thanks so much. It works

Dan-From-Ryviu
Shopify Partner
10227 2033 2103

Very welcome. Nice day! 

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.