Re: Remove transparent header on mobile: minimog theme

Ked · ‎10-10-2024

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

Dan-From-Ryviu · ‎10-10-2024

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>

- 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

Ked · ‎10-10-2024

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

and the passwprd is sasa

Ked · ‎10-10-2024

What do you need that for?

Ked · ‎10-10-2024

Just that no one has asked me for that before

Dan-From-Ryviu · ‎10-10-2024

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>

- 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 · ‎10-11-2024

Thanks so much. It works

Dan-From-Ryviu · ‎10-11-2024

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.

Re: Remove transparent header on mobile: minimog theme

Remove transparent header on mobile: minimog theme

Community Blog Articles