Streaming live at 10am (PST)

Padding Issues below Shopify Buy Buttons


#1

I’m building an ecommerce site using shopify buy buttons. On the product pages, I’m using the ‘tabs’ feature to change between pack sizes, with each tab containing the price and an embed for the buy button. Everything seems to working fine, other than one strange bug. Whichever tab the page loads on has significantly less padding below it than the other 2 tabs. It’s not always the same tab, but whichever the page loads on. Any help here would be much appreciated.

https://preview.webflow.com/preview/stoneandskillet?preview=8b7fd3073b17fa377ef07e1abe500b13


#2

Hi @lubin288

Thanks for posting.

I took a look at those tab links and they all seem to have the same padding. My initial though was that the Current class was styled with less padding—but they appear to be even.

I did notice there isn’t a drop shadow on the Current Tab though which does make it appear like it has less padding (GIF).

I hope this helps! Please let me know if I misunderstood the issue :slight_smile:


#3

Hey Brando,

Thanks for the response. I understand what you’re saying, however, it isn’t the selected one with different padding, it’s actually whichever was the first one selected when the page first loads. And it’s actually the padding below the buy button. It’s very stranger…

Here’s a staging link so you can see -
http://stoneandskillet.webflow.io/product-pages/white


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.