Is it possible to fix my orange topbar on mobile devices, so the topbar maintains its position just above the head navigation? Now the orange topbar dissapperas when scrolling.
The current version of Soedad doesn't support sticky topbar content on mobile, but you can force it always be sticky by adding the following CSS code to your site.
Thanks a lot, but now the cart icon and the search icon is missing on the mobile navigation bar as you can see on the attached image. Are these icons missing on your devices?
Hi,
Is it possible to fix my orange topbar on mobile devices, so the topbar maintains its position just above the head navigation? Now the orange topbar dissapperas when scrolling.
Thanks,
Thomas
Hi,
The current version of Soedad doesn't support sticky topbar content on mobile, but you can force it always be sticky by adding the following CSS code to your site.
@media only screen and (max-width: 767px) {.penci-top-bar {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
}
.is-sticky #navigation {
top: 71px !important;
}
body {
padding-top: 71px;
}
}
If you want to get the perfect solution, please build your custom header layout with the Penci Header Builder: https://soledad.pencidesign.net/soledad-document/#header-footer-builder
Regards,
PenciDesign.
Hi,
Thanks a lot, but now the cart icon and the search icon is missing on the mobile navigation bar as you can see on the attached image. Are these icons missing on your devices?
Thanks
Thomas
Hi,
You should clear all the site cache, and browser cache then checks again.
Here is a screenshot on my phone: https://imgur.com/a/Q9B3b3j (Bypass the cache by adding some extra parameter to the end of the URL: https://baregomad.dk/flutes/?cache=false)
Regards,
PenciDesign.
Thanks a lot 👍😊