Hello, i need help with pop up on product page. In my pop up there should be a sizing chart for shoes, but its not very well-arranged and hard to see what is what. On my desktop version it looks ok, I need only help with mobile verison (make it smaller so everythin can fit etc…) Thank you for your …

@radaApeta , Try this one :slightly_smiling_face: Result Desktop: [BSSCommerceB2B_1-1726767305603.png] Mobile: [BSSCommerceB2B_2-1726767319022.png]

@radaApeta , Go to Online Store → Theme → Edit code. Open your theme.liquid file Paste the below code before on theme.liquid Result: [BSSCommerceB2B_0-1726667739642.png] If it helps you, please like and mark it as the solution. Best Regards :heart_eyes:

Here is the solution for you @radaApeta Please follow these steps: Go to Online Store → Theme → Edit code. Open your theme.liquid file In theme.liquid, paste the below code before and press ‘Save’ to save it Here is the result you will achieve: [BSSTekLabs_0-1726667972016.png] Please pre…

Hi @radaApeta Check this one. From you Admin page, go to Online Store > Themes Select the theme you want to edit Under the Asset folder, open the main.css(base.css, style.css or theme.css) Then place the code below at the very bottom of the file. @media screen and (max-width: 749px) { table.Ge…

@radaApeta This is Amelia from PageFly - Landing Page Builder App You can try this code by following these steps: Step 1: Go to Online Store->Theme->Edit code. Step 2: Search file base.css Step 3: Paste the below code at bottom of the file → Save @media (max-width: 767px){ .product-popup-moda…

Hello, thanks that worked perfectly, but can put the EU to the left so that its more eye pleasing and there will be more spaces between each column. Thank you

hey, thanks for the code, bud it doesnt work for me. If you could send another one a make each coloum to have same spacing between each other I would be really grateful! Thank you @BSSCommerce-B2B

@radaApeta , sorry you can change the code like this Result: [BSSCommerceB2B_0-1726759649685.png]

Hey, THANKS AGAIN, but the nike a jordan had 5 colomuns and other tables had only 4, so the others didnt look good, so i make the nike a jordan only 4 column. Can you please take a last look a try to fix? Also if its possible that the heading and subtitle is not centred. If its posibble i would like…

Resizin table on pop up in product page

Store Design

BSSCommerce-B2B September 19, 2024, 5:36pm 10

@radaApeta , Try this one

Result

Desktop:

Mobile:

Topic		Replies	Views
How to make a table fully visible on devices ? Store Design css , troubleshooting , product-page	6	140	January 16, 2025
Can someone help with making a size guide table mobile responsive? Store Design	54	473	January 20, 2023
Adding a line of code for phone devices Store Design design , css , html , product-page	5	72	October 13, 2024
pop up size Store Design product-page	5	218	December 30, 2024
Table format is not correct on Mobile and Desktop Store Design design , customizations , css , third-party-themes , cart-page , shopify-themes , troubleshooting	6	76	March 15, 2023

Resizin table on pop up in product page

Related topics