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.
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
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…