How to change type of tab-content

Solved

How to change type of tab-content

AdrianSobczak
Excursionist
22 2 5

Hi!
I cant't find some solution for this problem. I don't like my scroll bar when you open one of my tab-content name "Parametry".  Everything i need is just open full size list without any scroll. How i can do that?


Thank you in advance!


URL: https://denimo.pl
I added attachments with photos:

denimo.PNG

denimo2.PNG



Accepted Solution (1)

ZestardTech
Shopify Partner
6096 1091 1464

This is an accepted solution.

Hi @AdrianSobczak 

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

 

.productView-tab .tab-popup-content {
max-height: inherit!important;
}

 

ZestardTech_0-1721306036566.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 5 (5)

EcomGraduates
Shopify Partner
826 70 120

To make the tab-content "Parametry" open fully without a scroll bar, you can use CSS to remove the height restriction and overflow property.

 

.tab-content {
  height: auto !important;
  overflow: visible !important;
}

 

This should display the full list without any scroll bars.


 If this fixed your issue, likes and accepting as a solution are highly appreciated
|  Build an online presence with our custom-built Shopify Theme: EcomifyTheme
|  Check out our reviews: Trustpilot Reviews
|  We are Shopify Partners: EcomGraduates Shopify Partner



Moeed
Shopify Partner
6979 1883 2300

Hey @AdrianSobczak 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.productView-tab .tab-popup-content {
    max-height: 670px !important;
}
</style>

RESULT:

Moeed_1-1721305886549.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


ZestardTech
Shopify Partner
6096 1091 1464

This is an accepted solution.

Hi @AdrianSobczak 

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

 

.productView-tab .tab-popup-content {
max-height: inherit!important;
}

 

ZestardTech_0-1721306036566.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
AdrianSobczak
Excursionist
22 2 5

Thanks for help! 

ZestardTech
Shopify Partner
6096 1091 1464

Hi @AdrianSobczak 

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing