Drop down menu question

Solved
Highlighted
Tourist
9 0 3

Hello again,

 

i created a simple drop down menu on my product page. When the page is accessed the button displays “read less” with the hidden text showing. I would like to have it so that when the page is loaded the text is hidden to begin with and the button would show “read more”. As the user clicks the button it would then reveal the text and button would change to “read less”. 

I tried to figure this out for some time last night but could not find a solution to have the text hidden to begin with. Any help would be much appreciated. Thanks!

https://linesix.ca/products/mirror-logo-raglan-tee

BE38D7D4-EE06-4292-BCAA-25EDFB440FAC.jpeg

1 Like
Highlighted
Shopify Partner
7647 1051 2656

This is an accepted solution.

Hello, @LS001 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product-single__description .moretext {
    display: none;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
9 0 3

@KetanKumar 

 

This Worked But the header is still "Read Less"  

It should be "Read More". Thank You!

0 Likes
Highlighted
Shopify Partner
7647 1051 2656

@LS001 

Thanks for update 

i have check this work properly see attachment

KetanKumar_0-1597377378137.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
9 0 3

@KetanKumar 

It Works! I had to change the html code to display "read more" first. Thank You!

1 Like
Highlighted
Shopify Partner
7647 1051 2656

@LS001 

Thanks for update.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like