This topic has 4 replies, 2 voices, and was last updated 1 years, 3 months ago ago by Tony Rodriguez
Hello, there is a problem with sticky header margin gap on cart/checkout pages
Hello, @IP,
Thank you for using our theme and for contacting us.
In order to solve your issue, we kindly request you to copy the following CSS code and paste it in the specified location: XStore >> Theme Options >> Theme Custom CSS >> Global CSS. Subsequently, it is imperative to clear your browser cache to view the changes.
The following CSS code should only work on cart/checkout pages.
Here is the CSS code:
@media (min-width: 1200px){
.woocommerce-cart body.bordered .body-border-top {
position: inherit !important;
}
.woocommerce-cart header#header.sticky .header-main {
top: 0 !important;
}
}
@media (min-width: 1200px){
.woocommerce-checkout body.bordered .body-border-top {
position: inherit !important;
}
.woocommerce-checkout header#header.sticky .header-main {
top: 0 !important;
}
}
We trust that this solution will effectively address your concern.
If you have any further questions or concerns, please do not hesitate to contact us on our support system. Our support team is always available to help.
Best Regards,
Team 8Theme.
Hello, this has worked perfectly. XSTORE never fails to fix problems!
Thanks
Hello, @IP,
We’re delighted to hear that XSTORE continues to meet your expectations and resolve any issues you encounter.
If you ever need further assistance or have any questions, please don’t hesitate to reach out. Your satisfaction is our priority!
Best Regards,
Team 8Theme.
The issue related to '‘Hello, there is a problem with sticky header margin on cart page’' has been successfully resolved, and the topic is now closed for further responses