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
    Posts
  • #25691
    Reply to: Blackoot Pro Support
    Brendon
    Participant

    Hi!
    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,
    -Brendon

    #25692
    Reply to: User scalable (zoom) on Mobile
    iceable
    Keymaster
    Support
    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.

    #25693
    Reply to: User scalable (zoom) on Mobile
    Brendon
    Participant

    Oooh!
    Thanks for that.
    Very much appreciated!

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.

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