Help, Adoring 1.0 theme by Shopilaunch does not show promo top bar in mobile view

ekdb · ‎04-24-2024

Hi I am using Adoring 1.0 theme by Shopilaunch. When i enable show promo top bar, it perfectly shows the top bar text in desktop view (both in editor & customer end) but when i select mobile view it does not show (both in editor & customer end). I tried codes from all over internet some are just showing it in theme editor mode and not in actual customer end. Please someone help ASAP. Thanks in advance. My website is http://dukanbeauty.com/

ekdb · ‎04-24-2024

FYI: Please note that there is sticky top menu enabled in mobile view. but I don't know if this is affecting promotop bar in any way

Dan-From-Ryviu · ‎04-24-2024

Hi @ekdb

Please add this code to your theme.liquid file, after <head> to make that display on mobile

<style>
@media (max-width: 749px) {
.contentbody .promo_topbar { display: block !important; }
.contentbody .promo_topbar .btn_promo {
display: inline-flex;
margin-bottom: 12px;
}
}
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"!
- 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 - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Help, Adoring 1.0 theme by Shopilaunch does not show promo top bar in mobile view

Help, Adoring 1.0 theme by Shopilaunch does not show promo top bar in mobile view

Community Blog Articles