Feature pointers on mobile

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #2558
    Jimulabsjimulabs
    Member

    Hi,

    I noticed the feature pointers in Home2/Showcase do not appear on mobile devices. Are there any ways to get it working?

    Thanks!

    #2573
    Livemeshlivemesh
    Keymaster

    It’s quite easy to display feature pointers in mobile (just one line CSS) but a bit involved to get them pointed to the right place in the screenshot in all resolutions. Here is a sample markup which you can use for making the feature pointers to show up in mobile. Pls change the top and left values of img files to suit your needs –

    
    /* Tablets */
    @media only screen and (max-width: 959px) {
        #featured-app #feature-pointers img { display: block; }
        #feature-pointers img.feature1 { top: 462px; left: 300px; }
    #feature-pointers img.feature2 { top: 560px; left: 10px; }
    #feature-pointers img.feature3 { top: 800px; left: 290px; }
    #feature-pointers img.feature4 { top: 710px; left: 10px; }
        }
        
    /* Smartphone landscape mode */
     @media only screen and (max-width: 479px) {
    #feature-pointers img.feature1 { top: 462px; left: 300px; }
    #feature-pointers img.feature2 { top: 560px; left: 10px; }
    #feature-pointers img.feature3 { top: 800px; left: 290px; }
    #feature-pointers img.feature4 { top: 710px; left: 10px; }
        }
    
    /* Smartphone portrait mode */
     @media only screen and (max-width: 320px) {
    #feature-pointers img.feature1 { top: 462px; left: 300px; }
    #feature-pointers img.feature2 { top: 560px; left: 10px; }
    #feature-pointers img.feature3 { top: 800px; left: 290px; }
    #feature-pointers img.feature4 { top: 710px; left: 10px; }
        }
    
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Appdev Theme Support’ is closed to new topics and replies.