Uneven lengths for my tabs – my footer keeps “jumping”

  • Resolved chelstoh

    (@chelstoh)


    3 years, 5 months ago

    Hi there,

    I’ve been helping to edit a website and bare minimal (close to none) knowledge on css coding etc. My footer keeps jumping up and down because of the lengths of my saved tabs. I have been told to impose a fixed height and a scroll bar. Could you help me out with this css code and also how do we edit that in?

    Would really appreciate any help I get for this. Thanks!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    3 years, 5 months ago

    Hi @chelstoh

    First thing, your site is really nice!

    You can put a minimum height on tabs like this:

    .woocommerce-tabs .tab-panels .panel.active {
    min-height: 900px;
}

    However, each of your products could have a different height for its tallest tab. To calculate the tallest tab and dynamically add the min-height style you would need Javascript and it might have a “jump” as it calculates and adds that class.

    -Tracy

    Thread Starter chelstoh

    (@chelstoh)

    3 years, 5 months ago

    Hey @liljimmi

    Thanks for your compliments!

    I’ll try that out, thank you for your help! 🙂

    – Chelsea

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    3 years, 5 months ago

    Hi @chelstoh

    Awesome! Let me know if you need more help.

    Stay well!
    -Tracy

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Uneven lengths for my tabs – my footer keeps “jumping”’ is closed to new replies.