Hustle and Mobile Menu issue on mobile devices

Hustle works fine. After installing Mobile Menu (https://pl.wordpress.org/plugins/mobile-menu/) popup goes down to the middle of the page on mobile devices.
You can see it here: http://www.caecilia-heiloo.nl/
I spoke with Kris on chat and the issue is this code from Mobile Menu:

.mob-menu-slideout .mobmenu-push-wrap, .mob-menu-slideout .mob-menu-header-holder {

-webkit-transition: all 300ms ease 0;
-moz-transition: all 300ms ease 0;
-o-transition: all 300ms ease 0;
transition: all 300ms ease 0;
/* margin-top: 30px; */

-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);

-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);

-webkit-transition: -webkit-transform .5s;
-moz-transition: -moz-transform .5s;
-ms-transition: -ms-transform .5s;
-o-transition: -o-transform .5s;
transition: transform .5s;
}

The specific part of the code that causes this issue is:

-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);

-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);

I need some CSS fix to this.

Also, WPMU DEV dashboard does not show up. But WPMU DEV is installed. This is not a multisite.

  • Dimitris

    Hello Caj,

    hope you're doing good today! :slight_smile:

    Could you please try out the following CSS snippet?

    .inc_opt_popup {
      top: 40vh !important;
      left: 50vw !important;
      width: 100% !important;
    }

    You can use this either in a plugin like this, or by using the built-in custom CSS area of WP, as can be found in wp-admin area under Appearance -> Customize -> Additional CSS [Customizer section].

    As for the WPMUDEV Dashboard issue, could you please send us over some more server credentials? As this is public forum, you should send us your details through our safe contact form https://premium.wpmudev.org/contact/#i-have-a-different-question using this template:

    Subject: "Attn: Dimitris"
    - WordPress admin (login url/username/password) as the user provided in chat session isn't working anymore
    - FTP credentials (host/username/password)
    - link back to this thread for reference
    - any other relevant urls

    Keep in mind the subject line as ensures that it gets assigned to me.

    Also, WPMU DEV dashboard does not show up. But WPMU DEV is installed. This is not a multisite.

    Please keep in mind that only the WP user who's used to connect WPMUDEV Dashboard plugin can have access to it.

    There's a definition that may force this though, please check wp-config.php for a line like define('WPMUDEV_LIMIT_TO_USER', '1'); This means that user with ID=1 has access to it, simply change this value to the ID of the WP user that you want to have access (or remove the whole line so only the WP user that connected it, will have access).

    You could then add additional admins to have access to WPMUDEV Dashboard (if needed) as shown in Nithin's reply here:
    https://premium.wpmudev.org/forums/topic/wpmudev-dashboard-accessible-to-1-user-or-specific-users#post-1200506

    Warm regards,
    Dimitris