1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved How to stop width-change and hover effect onclick on mobile buttons?

Discussion in 'Free Divi Community Forum' started by Ozan, Dec 10, 2019.

  1. Ozan

    Ozan New Member

    How can I stop that the width of my two buttons change, when I press on them on a mobile device?
    Here's a video: https://streamable.com/84j7n

    You cant change Hover and mobile setting in the same time in divi. The hover setting is for all 3 elements sadly.

    The website URL is here

    Thank you in advance.
     
    #1 Ozan, Dec 10, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade floating button design for your Divi site without using any plugins:View Demo
  2. Ozan

    Ozan New Member

    Can anyone help?
     
    #2 Ozan, Dec 10, 2019
  3. Problemizer.com

    Problemizer.com Divi Expert

    Hello,

    I can recreate your issue on mobile, but not sadly on browser inspector mobile view.

    Did you try the Divi safe mode?
    If not, then enable safe mode and be sure that you are logged in on your phone also, otherwise you can't see the changes as those are meant for admins only when in safe mode.

    If there is no buttons issue after enabling the safe mode, then it is one of the plugins, child theme if you have it, or some custom code written in your theme. After that, you can start enabling one by one and see when the issue starts.

    Hope this helps!

    Kind regards,
    Problemizer.com
     
    #3 Problemizer.com, Dec 10, 2019
    Ozan likes this.
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS to make the button hover padding smaller in mobile.
    Code:
    Log In or Sign Up to view this code.
    **Tweak the value to fit your need.
     
    #4 Divi.Help, Dec 10, 2019
    Ozan likes this.
  5. Ozan

    Ozan New Member


    Thank you very much! 32 and 18px worked really fine.
     
    #5 Ozan, Dec 11, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Easy-to-use drag & drop interface to mix & match 456+ premade Divi blocks & export as json file:Learn More
(You must log in or sign up to post here.)