How can I remove unwanted dots appearing on my product page?

MT27
Pathfinder
145 6 10

Hi as you can see in the picture below, when the page loads in any product page on desktop, for 2 seconds it displays this dots above the product picture. Can you please help me delete them.

Thank you 

URL: https://matibrnd.com/products/antikythera-mechanism-hoodie

password: biangu

MT27_0-1709999272537.png

 

Replies 3 (3)

PageFly-Amelia
Trailblazer
179 56 73

Hello @MT27 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid,
Step 3: Add code above the tag </head>.

@media (min-width: 768px) {
  .slider-mobile-gutter .slideshow__controls {
     display: none !important;
  }
}

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

MT27
Pathfinder
145 6 10

hi great it worked can you also help with the title not to display on the left?

 

MT27_0-1710157728645.png

 

PageFly-Amelia
Trailblazer
179 56 73

Hello @MT27 

 

I'm glad my solution helped you solve the problem. You can display the title on the left by adding the following code to:

 

@media (min-width: 768px) {
  .product__title h1 {
     text-align: left !important;
  }
}

 

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.