Hi there, I’m new on shopify, currently I’m using pipeline theme, I would like to decrease the width of the dropdown menu and make the product images smaller. It seems that they are taking up too much space on the screen. Please help me to fix this, Thank you very much. [Screenshot (6).png]

** @Rizwan12 Try This..** Follow these Steps: Go to Online Store Edit Code Find theme.liquid file or base.css Add the following code in the bottom of the file above tag product-grid-item-variant.product-grid-item__content { width: 30%; display: inline-block; } RESULT: [syedsumaimaly_0-1696…

Hi @Rizwan12 Would you mind to share your store URL website, with password if its protectd? Thanks!

Thank you for your response, Here is my store link, https://06157e-2.myshopify.com/

@Rizwan12 Password..? [syedsumaimaly_0-1696253647347.png]

Sorry for the inconvenience, Please check the link again and let me know if you need anything else.

Sorry I can’t send invite you as a collaborator, If you could help me to resolve this issue by using code editor, it would be really appreciable.

@Rizwan12 No problem.. I am trying to get the actual element using editor..

I put your code above , But it did not work, let me know if I’m doing something wrong. On your screenshot, the product image is small but the text is still big, could you also make the text smaller as the product image gets smaller? [01.png]

I placed your code and I successfully achieved the desired result. Thank you very much for your assistance. One final question: How can I align the text with the image, and how can I reduce the size of the text? Code: product-grid-item-variant.product-grid-item__content { width: 30%; display: inl…

@Rizwan12 Add the following code {% style %} .product-grid-item-variant .product-grid-item__content { width: 30%; display: inline-block; } .product__grid__title{ font-size:20px; } {% endstyle %} If I managed to help you then, don’t forget to Like it and Mark it as Solutions

Decrease the width of dropdown menu on pipeline theme

Shopify Discussion

syedsumaimaly October 2, 2023, 1:45pm 6

@Rizwan12 can you invite me as a collaborator..?

Topic		Replies	Views
Dropdown Menu is too big in the screen On Pipeline Theme Shopify Discussion troubleshooting	14	74	October 3, 2023
Align the product image with center of the product tittle, Shopify Discussion troubleshooting	2	23	October 2, 2023
How to change width of drop down menu - DEBUT THEME Store Design	3	26	June 9, 2021
Widen drop down option menu on product page Store Design design	2	20	May 17, 2023
Header menu space & dropdown menu width - Debut Theme Store Design	9	89	October 27, 2021

Decrease the width of dropdown menu on pipeline theme

Related topics