Tab content shows up, but not in tab format

  • Resolved traypup

    (@traypup)


    5 years, 7 months ago

    I just changed my site theme (it’s now Astra) and only noticed the tabs aren’t showing up in the tab formatting like they did with the previous theme (Portfolio Gallery). Is there a way to work around this? The developer page said that Astra is WooCommerce compatible. Thank you for your help!

    (Yes, I see the images for the products aren’t showing. That’s my next challenge!)

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

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hey @traypup!

    Thanks for using our plugin, unfortunately the styling of these sections is being handled by the theme. Looking at your page it looks like there just isn’t any styling being applied to these sections.

    I would check with the theme developers and see if there is something you’re missing.

    Typically all sections would be set to display: none; and javascript would be used to toggle a class of “active” on to each panel when the button is clicked. From the looks of things something isn’t set up correctly with your theme so I would check there.

    However, I did notice that when you click a custom tab that you are scrolled down to the correct panel. That could just be the way the theme developers chose to style that section.

    Let me know if you have any more questions and I’ll try to point you in the right direction!

    Cheers,
    Freddie

    • This reply was modified 5 years, 7 months ago by Freddie.

    @traypup, I would also try to disable your AutoOptimize plugin and see if that helps fix things. It looks like WooCommerce’s javascript isn’t loading on your page so this could be why everything looks a little bit off.

    Thread Starter traypup

    (@traypup)

    HOLY COW! You are a genius! That totally fixed that issue AND the issue of the missing product image.

    and of course, now my mobile page speed insights rating is in the toilet. Nothing is easy, right?

    Thank you SO MUCH!!

    No problem @traypup! I would try some other caching plugins and see if they work out for you. Glad everything is working as expected now!

    – Freddie

    @traypup I would also try to offload your images with a CDN that seems to be the biggest performance hit. You can store your images on Amazon s3 and use the Offload s3 plugin to integrate with your media library. https://www.ads-software.com/plugins/amazon-s3-and-cloudfront/

    Thread Starter traypup

    (@traypup)

    That is a great idea. I’ve never done the CDN thing, but I am desperate at this point. Facebook won’t run my ads because they say my site is broken/slow. They’re not entirely clear, of course. so I’m just trying to make the site faster.

    I would check out this article on how to do it! There’s a couple plugins to choose from if one works better for you than another: https://www.codeinwp.com/blog/wordpress-s3-guide/

    Also if you use the chrome browser you can right click and hit “Inspect” you’ll be in the developer tools. From there click audits and you’ll see a screen that allows you to run google lighthouse audits on any page. Let it run and then look under performance. That’s how I knew your images were big and weighing down the page load. You’ll find a few performance wins there and should be bumped back into Facebooks good graces! Haha

    Good luck!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Tab content shows up, but not in tab format’ is closed to new replies.