How can I hide a text block on mobile but show on desktop, as well as, hide on desktop and show on mobile???
]]>I have the following issue….
I made an online store with Woocommerce and Elementor Builder. Everything looks perfect, but the problem is that some of the headers of the products are longer than others and when you switch to mobile view it does not look good.
The question is:
Is there an option, part of the text to be hiden only for mobile. For example if there are product with 5 lines of text, to hide the last two and make it a maximum of 3 lines. I tried different combination of CSS, but unfortunately nothing happened.
Please see the links bellow:
https://ibb.co/dj5mWYN
https://ibb.co/QF7D8pr
I would be very grateful if you could help me solve this case! : )
Thank you in advance for your prompt reply.
Have a great day! : )
Galabina
]]>Is that possible?
]]>Here is a picture:
https://500px.com/photo/1032563232/Schermafbeelding-20210524-om-162358-by-Stijn-Scheper/
I don’t want show this text, only show the stars and the rating: 4.5/5 from 2 votes, for example, but not the next text.
I’ve seen its class=”gdrts-rating-user”, how can I disable this? Or only hide with css rule: display: none?
Thanks
]]>Optionally on the small screen device I would have a link to that page with the full text, like this: https://www.christophersproat.com/tron/
Is that something you could help me code in CSS? Or possibly some js logic too?
thanks again.
]]>Example: [conceal]This is a note to myself that visitors should not see[/conceal]
Thank, folks, I appreciate the assistance.
Tod
]]>Need your kind to help for my difficulty.
I tried to follow this guidance:
Place your text between the [bg_collapse] and [/bg_collapse] shortcodes.
but I can not find [bg_collapse] and [/bg_collapse] shortcodes. Below is my codes:
[bg_collapse view=”button-orange” color=”#4a4949″ icon=”arrow” expand_text=”Detail Harga Ayam Batik Kanada Coklat Gold” collapse_text=”Tampilkan Lebih Sedikit” ][/bg_collapse]
Thank you,
Nunung