I need help with this. The content in the side modal for my quick view is not full width and it should
Theme: Madrid
Preview link: https://ebz1ot3ke1rvjao0-68479353020.shopifypreview.com
This is what it looks like
This is what it should look like:
Please how do I fix this
To make the content in the side modal for your quick view full width in the Madrid theme, follow these steps:
Open your website in a browser.
Right-click on the quick view modal and select Inspect to open Developer Tools.
Look for the container class related to the quick view modal. It may be something like .quick-view-modal or .side-modal-content.
Once you’ve identified the correct class, add the following CSS to your theme’s custom CSS section or stylesheet:
.quick-view-modal .modal-content {
width: 100% !important;
max-width: none !important;
}
.quick-view-modal {
padding: 0 !important;
}
Save the changes and refresh the page.
If the changes don’t appear, try clearing your browser cache.
If it still doesn’t work, you may need to inspect and adjust specific classes based on your theme’s structure.
