Shopify themes, liquid, logos, and UX
I am using Impulse theme latest version , And I want to show products images like :https://www.glamuse.com/uk/en/antigel-ballerine-des-ondes-underwire-bra-p-633745.html?color=633745
in two columns on desktop and noting changes for mobile devices .only want changes for desktop devices . I wan to use mobile view of impulse theme but desktop devices view link above shared site.
To accomplish the design you're depicting, where the item pictures are shown in two segments on the work area while keeping up with the current portable perspective on the Motivation subject (without altering it for versatile), you can execute this utilizing CSS media questions. Since you're utilizing the Drive subject (which is a famous Shopify topic), it will probably have pre-characterized styling for item pictures on the work area and be versatile. We will supersede these styles just for work area gadgets, leaving the Mobile view immaculate.
open the site on Brosewr then go to inspect and find the class name
after finding the class go to edit code in your theme dashboard
CSS code for Desktop view
/* Apply to desktop screens only */
@media (min-width: 1025px) {
/* Assuming the product images are inside a container like .product-gallery or .product-images */
.product-gallery,
.product-images {
display: grid;
grid-template-columns: repeat(2, 1fr); /* Create two columns */
gap: 20px; /* Space between the images */
}
/* Ensure the images scale properly within the grid */
.product-gallery img,
.product-images img {
width: 100%; /* Make images fill their grid cells */
height: auto;
object-fit: cover; /* Ensure images cover the space without distortion */
}
}
Not effecting
find the exact class file and change the code on the exact file it will work
@Josh_01 Url is not working
I think link is only for Europe side countries.
Then please share the URL of your website.
I am using impulse new version
Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...
By JasonH Jan 7, 2025Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024