Hiding A "Text" From "Product Information" Only In Mobile On Dawn Theme

[Pox]

Hey,

I’m trying to hide a text on the product information section but only for mobile. I have 2 texts to make the product information start lower becouse the image background is larger in the top than in the bottom.

** Also if you know to make that when you pass the mouse in desktop above that text doesn’t change to an I shape (like when you’re going to write somethin) would be very apreciated**

I have seen a similar post but the solution didn’t work.

Store link: poxters.com

Any help is appreciated!!

[BSS-Commerce]

Hi @Pox

• We checked and found that your theme has 2 unused HTML elements on mobile, so it takes up space and leaves a large space.

• If you want to hide this section only on mobile, you can do it in the following way:

• Go to Online Stores → Themes → Edit Code

• Find the file section-main-product.css and add the following code at the end:

@media screen and (max-width: 749px) {
  .product__text {
      position: absolute;
  }
}

Please try our suggestion and let us know the result in detail.

Regarding your second requirement (** Also if you know to make that when you pass the mouse in desktop above that text doesn’t change to an I shape (like when you’re going to write something) would be very apreciated**), we’re happy to check it for you. However, you can try our solution to fix point 1 first. Then, please let us know in detail about point 2.

I hope that you find it useful.

[GemPages]

Hello @Pox ,

It’s GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team