Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
i use this code to make header sticky but it looks so bad
88888888888888888888888888888888888888888888888
<style>
@media only screen and (max-width: 600px) {
.mobile-header-area.d-xl-none {
position: fixed !important;
z-index: 2 !important;
}
.col-12 {
margin-top: 83px !important;
}
}
</style>
88888888888888888888888888888888888888888888888888
originally it look like this but its not sticky
Hi @DandSmart
Oh, i thought this problem already solve. Check this one.
@media only screen and (max-width: 749px) {
.mobile-header-area.d-xl-none {
position: fixed !important;
z-index: 2 !important;
width: 100% !important;
}
.col-12 {
margin-top: 83px !important;
}
}
And Save.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
it worked but other issue occured
orignal is This
Add this code.
@media only screen and (max-width: 749px) {
.ltn__breadcrumb-area.ltn__breadcrumb-area-2.ltn__breadcrumb-color-white.plr--9.breadcrumbs.overlay-bg {
padding-top: 83px !important;
}
}
And Save.
Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
when i scrawl theses word also scrawl and shows on header check it out
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024