Hey so I have labels on my navigation and it’s displaying properly on Desktop but on mobile it’s not displaying properly, any solution?
Hello @Moeed
Please share your website URL.
Hi @Moeed ,
Can you give me your page URL( with pass if your store password is enabled) so I can check it for you?
Kind & Best regards,
GemPages Support Team
My website URL is
https://www.saya.pk/
@MandasaTech @GemPages
Hello @Moeed
I would like to give you a solution to support you:
- Go to Online Store-> Theme-> Edit code
- Open your theme.liquid theme file
- Paste the below code before :
<style>
.icon-label.icon_new {
background-color: #ff0000 !important;
color: #ffffff !important;
}
.icon-label.icon_sale {
background-color: #ff0000 !important;
color: #ffffff !important;
}
</style>
Was my reply helpful? Please Like and Accept Solution. This mean alot to me.
Hi @Moeed
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file vendor.min.css.
Step 3: Paste the below code at bottom of the file → Save
@media only screen and (max-width: 767px) {
.site-nav .icon-label {
background: red !important;
color: white !important;
}
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
Thank you so much 