Hi, is there any chance someone can help me with this menu? On my product page (warehouse) I´ve add some options for more information on the product in this way [Screenshot 2021-10-22 at 08.03.15.png] I would like that this menu is visually nicer, maybe as the menu I have on my foot page: each o…

I don’t see the code in place. But if you want them to be even closer to each other, add this code to the bottom of the theme.css file: .product-block-list__item .card .card__collapsible-button { padding:0 20px; } @media screen and (min-width: 641px) { .product-block-list__item .card .card__co…

@CamiC yes your have easy to manage this read this article https://support.maestrooo.com/article/83-product-adding-different-tabs-per-product#:~:text=To%20do%20that%2C%20in%20the,tag .

Thanks, but I don´t think you understood me. I want to make the space between each of the options (Descripción, qué talla soy, envíos, cambios…) smaller, so they look as one menu instead of things separated.

Try this below. In assets/theme.css, add to the bottom: .product-block-list__item .card { margin-bottom:0; } @media screen and (min-width: 641px){ .product-block-list__item .card { margin-bottom:0; } } I made the selector more specific, since .card is very generic and could affect other…

Thanks, it didn´t work thou… It´s still as the first picture, I want something more as the second one (not about the color, but how they are closer to each other) [Screenshot 2021-10-22 at 18.53.07.png] [Screenshot 2021-10-22 at 18.53.17.png]

it didn´t work on the phone thou :disappointed_face:

@CamiC which device for that issue

I’m having a hard time trying to find why the browser is not picking up that change. Try this please (replace the previous codes with this one): .product-block-list__item .card { margin-bottom:0; } .product-block-list__item .card .card__collapsible-button { padding:0 20px; } @media screen and (…

[Screenshot_20211022_202625_com.android.chrome.jpg] not yet

@CamiC can you please try this code Go to Online Store->Theme->Edit code Asset->/theme.css ->paste below code at the bottom of the file. .card__collapsible-button {padding: 0px 20px !important} After Code add view [KetanKumar_0-1634945030313.png]

How can I improve the visual appeal of my product page menu?

Store Design

CamiC October 23, 2021, 9:02am 12

Took the other code and add only this one and it worked! Thank you so much!!

Topic		Replies	Views
How can I adjust the menu border space in my product collections? Store Design menu , design , css , troubleshooting	4	16	June 28, 2023
Increase Spacing Between Menu Items On The Studio Theme? Store Design menu	5	45	April 15, 2024
Fusszeile Spalten: Links näher untereinander Shopify Design	6	46	July 25, 2024
How can I increase spacing between menu names in Dawn? Store Design menu , design , customizations , footer	5	36	March 26, 2023
make spacing smaller Store Design menu , design , header , customizations , collection-page , footer , landing-page , css , third-party-themes , cart-page , metafields , shopify-themes , troubleshooting , html , product-page	2	21	September 27, 2024

How can I improve the visual appeal of my product page menu?

Related topics