How can I make product descriptions automatically visible on mobile devices?

[Kaymi]

Hi guys! Can anyone help me show this Description section? I want the description open automatically without clicking it so they’ll read it immediately in phone devices. Is that possible?
My store: www.enchantedgifts.ph
My theme: Ella

[BSS-Commerce]

Hi @Kaymi ,

Step 1: Go to the Shopify Admin, select Themes section and select Edit code


Step 2: Find the theme.liquid file

Add the following code before the code:

if (window.location.href.includes("/products/") && window.innerWidth < 550) {
  function appendDescriptionDiv() {
    const newDiv = document.createElement("div");
    const descriptionContent = document.querySelector("#tab-description-mobile .tab-popup-content span").textContent;
    newDiv.textContent = descriptionContent;
    newDiv.style.marginBottom = "8px";

    const descriptionTab = document.getElementById("tab-description");
    descriptionTab.appendChild(newDiv);
  }

  setTimeout(appendDescriptionDiv, 1000);
}

Result:

Hope it helps @Kaymi !