Solved

my Intro page doesn't appear on mobile format

chris1906
Tourist
5 1 0

Hi,

 

I have an intro page which is a kind of video (3D). it works and appears on desktop version but not on mobile. Can you help?

Accepted Solution (1)
chris1906
Tourist
5 1 0

This is an accepted solution.

Thank you so much 😀

View solution in original post

Replies 6 (6)

ThePrimeWeb
Shopify Partner
1187 309 228

Hey @chris1906,

 

Can you share the link to your store? If it's not published, you can share the preview link

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
ThePrimeWeb
Shopify Partner
1187 309 228

Hey @chris1906,

 

It's difficult to test it out, but can you try adding this code

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

 

<style>
@media only screen and (max-width: 768px) {
    body .desktop-only {
        display: block !important;
    }    
}
</style>

 Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1707144575616.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
chris1906
Tourist
5 1 0

Hey there,

 

Amazing!!! It seems to work, just the image is not on mobile format if that make sense

ThePrimeWeb
Shopify Partner
1187 309 228

Yeah, I see that, but that video portion is landscape and it won't be possible to change the ratio for that. 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
chris1906
Tourist
5 1 0

This is an accepted solution.

Thank you so much 😀