User scalable (zoom) on Mobile

Homepage Forums Pro Support Forum Blackoot Pro Blackoot Pro Support User scalable (zoom) on Mobile

User scalable (zoom) on Mobile
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #25691
    Reply to: Blackoot Pro Support

    I love the Blackoot theme, Just putting it out there!
    This question may have been asked but I can’t find a search function on this forum:

    I’ve discovered I can’t use ZOOM on the mobile version of the theme, which would be a useful function considering I’m using it to showcase art.
    Admittedly the user can click on the image, wait for it to load, click “full screen” and then scroll around, but it’s a few steps too far for some users.

    Lighthouse also tells me off about it, saying folks with bad eyes need ter be able to zoom if they wants ta (hopefully not zooming too fast, with that eyesight!)
    It tells me I need to adjust “viewport settings” to YES, but it’s not as easy as they seem to make out!
    Is there a box I can tick somewhere to enable zooming?
    I can zoom just fine on my desktop, where it’s already nice and large and easy to see.
    Any help would be vastly appreciated.
    Many, many thanks,

    Reply to: User scalable (zoom) on Mobile
    Happy with my help?
    Buy me a beer!

    Hi, zooming is disabled on mobile in this theme because of an (admittedly questionable) design decision made a long time ago.
    I’m afraid there isn’t a box to tick, but you can still re-allow it pretty quickly.

    The maximum-scale=1 on this line in header.php is what disables zooming:

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

    Quick and dirty way to enable zooming:

    – Appearance > Theme file editor > Header.php, find this line (line 18), and remove the offending part so it looks like:

    <meta name="viewport" content="width=device-width, initial-scale=1" />

    Less quick but “proper” way:

    – Create a child theme and copy header.php (including the modification above) into it.

    Both approach will work, the main difference is that if you edit the theme directly (without using a child theme), the change you make may be overwritten the next time you update the theme.
    Changes made in a child theme override the theme’s default and are safe during updates.

    Reply to: User scalable (zoom) on Mobile

    Thanks for that.
    Very much appreciated!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘User scalable (zoom) on Mobile’ is closed to new replies.

256 bit SSL. 100% secure transactions and data encryption
PayPal Verified
Secured by PayPal
Secure Credit Card payments powered by Stripe