bangank36

My testing result

I suggesting using order in flexbox to set the desired position for your own product .ProductItem-summary { flex-direction: column !important; } .ProductItem-summary .ProductItem-details { order: 1; padding-top: 0; } .ProductItem-summary .ProductItem-details h1 { margin-bottom: 0; } .ProductItem-summary .ProductItem-gallery { order: 2; } .collection-content-wrapper .ProductItem-nav { padding-bottom: 2em; } Let me know if it work properly on your site Support me by pressing 👍 if this useful for you

You can try adding to Home > Design > Custom Css /*Change the value to increase/decrease size content*/ .lightbox-content .title { font-size: 10px; } .lightbox-content .title + select option{ font-size: 20px; } Let me know if it works properly for your site Support me by pressing 👍 if this useful for you

My testing result

You can try @media only screen and (max-width: 767px) { section[data-section-id="615df008e325c12851ac481a"] .slideshow-holder .slide-media-container img { height: auto !important; } } Let me know if it works properly on your site Support me by pressing 👍 if this useful for you

Have you solved it yet? I've checked that the logo in desktop is different from the one in mobile Mobile desktop

I've checked that all your texts are wrapped within h2 tag. Where do you want to add the hyperlink?

Can you share your site with the protected password to check it?

Kindly share your site with the protected password to check it together

Kindly share your site with the protected password to check your issue together

Here is my testing result auto play.mp4

You can try adding to Home > Settings > Advanced > Code Injection (choose the footer) <script> (function docReady(fn) { // see if DOM is already available if (document.readyState === "complete" || document.readyState === "interactive") { // call on next available tick setTimeout(fn, 1); } else { document.addEventListener("DOMContentLoaded", fn); } })(() => { if ( window.location == window.parent.location ) { const reelControls = document.querySelectorAll('.sqs-gallery-controls [aria-label="Next"]'); reelControls.forEach(reelControl => { (function reelTimer() { setTimeout(() => { reelControl.click(); reelTimer(); }, 2000); // change this value to change the speed })(); }) } }); </script> Support me by pressing 👍 if this useful for you

If your site has went live, it is not necessary to set the protected password anymore. Let me a little time to check it

Is your gallery style on your page set with slideshow: Simple? gallery type.mp4 And you want to set the position of navigator arrows below the image, don't you? Something like this

Kindly share your site with the protected password to check the issue together!