Search Divi Cart Pro Documentation

Search for answers or browse our knowledge base.

< All Topics
Print

How to make the mini cart appear at the top of the visible screen?

Please add the following CSS in your Divi Theme Options to ensure the mini cart appears at the top of the visible screen:

.dcp_mini_cart_active.dcp_mini_cart_module {
position:fixed !important;
}

And, To make the mini cart fix apply only for desktop, please add the following CSS. We’ve also included adjustments for the top and right spacing:

@media only screen and (min-width: 981px) {
.dcp_mini_cart_active.dcp_mini_cart_module {
position: fixed !important;
top: 6% !important;
right: 3% !important;
}
}

Was this article helpful?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
5
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.