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

ekdb
Visitor
2 0 0

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/

Replies 2 (2)

ekdb
Visitor
2 0 0

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
Shopify Partner
7697 1496 1500

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>

- Helpful? Like or Accept solution! or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now