Home>Support>Mobile menu landing off page

Mobile menu landing off page

By Jake Sharp, 10 years ago. Last reply by Magus, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

I’ve been building my site on Vantage and I love it! Very few problems. However, on Android (haven’t checked Iphone) the menu goes flying by to the right and usually lands off screen and i can scroll over to use it. Sometimes it begins bugging out with the arrows scrolling up and other weird behavior. It used to work and I haven’t tried disabling plugins yet. I just thought it might be an obvious problem (though I searched and didn’t find any other similar cases).

URL: http://www.profoundstudio.net

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 1 month ago Magus
    Hi, I Work Here

    Hi Jake

    This does sound like it could be a plugin conflict issue. Can you try disabling all non-SiteOrigin plugins and see if this fixes the issue? If it does fix the issue, then try re-enabling your plugins one by one until the issue comes back. This procedure will help diagnose which plugin is causing the issue.

    Once we know that, we’ll be able to look at what might be causing the conflict and either solve the problem or help you find an alternative plugin.

    Thanks

    Magus

  2. 10 years, 1 month ago Jake Sharp

    Hi Magus,
    I should have done that already as that’s the first thing always, right?! I’ll do that and report back.
    Thanks,
    Jake

  3. 10 years, 1 month ago Jake Sharp

    Hi Magus,I've deactivated all plugins and it's still an issue. Any ideas?Thanks,Jake

  4. 10 years, 1 month ago Magus
    Hi, I Work Here

    Hi Jake

    Have you made any alterations to the core theme files or added any custom CSS. I can’t check at the moment as the site is in maintenance mode

    Magus

  5. 10 years, 1 month ago Jake Sharp

    I haven't changed anything in the code except a quick mod to allow js in widgets. I'll take it off maintenance mode asap. 

  6. 10 years, 1 month ago Magus
    Hi, I Work Here

    Hi Jake

    I have just checked and the menu is now behaving normally for me, can you confirm?

    Did you undo any of your alterations or leave any plugins disabled.

    Magus

  7. 10 years, 1 month ago Jake Sharp

    Still flying around like crazy for me. Looks like you're on Android right? I'll check on a friends phone.

  8. 10 years, 1 month ago Magus
    Hi, I Work Here

    Hi Jake

    It is gone again.

    The only thing I can see so far is a js error in the portfolio gallery plugin you are using.

    Could you please temporarily disable this plugin.

    Thanks

    Magus

  9. 10 years, 1 month ago Jake Sharp

    I disabled the plugin. ..same effect for me. Quick check of a few phones shows all iPhones are fine and 2 androids not.

  10. 10 years, 1 month ago Magus
    Hi, I Work Here

    Hi Jake

    Something is interfering with the js which is controlling the CSS for the responsive menu, but only on the android browser.

    Could you please tell me what alterations you made to allow js inside of widgets and if possible post the js you have added inside of code tags as explained below the reply box.

    Thanks

    Magus

  11. 10 years, 1 month ago Jake Sharp

    I can find that for you when I get home this evening. Thanks a lot.

  12. 10 years, 1 month ago Jake Sharp

    Hi Magus this is what I thought I installed: // Enable shortcodes in widgetsadd_filter('widget_text', 'do_shortcode');
     or this: 
    // Enable PHP in widgetsadd_filter('widget_text','execute_php',100);
    function execute_php($html){
    if(strpos($html,"<"."?php")!==false){
    ob_start();
    eval("?".">".$html);
    $html=ob_get_contents();
    ob_end_clean();
    }
    return $html;
    } but looking through functions.php I can't see anything!? I can't remember why I wanted this but I had a bookmarked page for it! 
    Also I changed the CSS for Buddypress:/* Menu */
    .main-navigation a {color: #f27722 !important;}
    Does any of this look like a good candidate?Thanks for all your help,Jake

  13. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Jake

    It doesn’t look like you’re running a child theme. A quick reminder that changes to theme files won’t survive a theme update. Ideally you should move your changes to a child theme and then re-install the parent theme to restore it to default. That’ll let us test with default Vantage. If you need a starter child theme you can find one here:

    https://siteorigin.com/wp-content/uploads/2015/03/vantage-child-starter.zip

  14. 10 years, 1 month ago Jake Sharp

    You are correct. I plan to make a child asap!

  15. 10 years, 1 month ago Magus
    Hi, I Work Here

    Hi Jake

    Sorry for the delay in getting back to you. There does not seem to be anything there that could case the issue you are having. If you can change to a child theme and reinstall Vantage Premium then we can have another look when the files in the main theme are back to original.

    Magus

  16. 10 years, 1 month ago Jake Sharp

    Sounds like a good plan. Thanks and I'll get back to you when I finish the child

  17. 10 years, 1 month ago Jake Sharp

    Hi Magus,I've gotten a child made and Activated but it's coming up with no style: http://www.profoundstudio.net/wp-admin/theme-editor.php?file=style.css&theme=Vantage+Child&scrollto=0 am I placing the @import line correctly? This is using bluehost.Thanks,Jake

  18. 10 years, 1 month ago Magus
    Hi, I Work Here

    Hi Jake

    You should not be using @import any more as it has been deprecated in WordPress in favour of the enqueue method.

    Please ensure that your child-theme functions file contains at least these elements.

    <?php
    
    // Exit if accessed directly
    
    if ( !defined( 'ABSPATH' ) ) exit;
    
    
    
    // BEGIN ENQUEUE PARENT ACTION
    // Do not modify or remove comment markers above or below:
    
            
    if ( !function_exists( 'chld_thm_cfg_parent_css' ) ):
        function chld_thm_cfg_parent_css() {
            wp_enqueue_style( 'chld_thm_cfg_parent', trailingslashit( get_template_directory_uri() ) . 'style.css' );
        }
    endif;
    add_action( 'wp_enqueue_scripts', 'chld_thm_cfg_parent_css' );
    
    // END ENQUEUE PARENT ACTION
    
    
    ?>
    

    Magus

  19. 10 years, 29 days ago Jake Sharp

    Great Thanks Magus,Just to confirm I don't need anything in the style.css file like @import to pull style elements from the parent. The enqueue code placed in the functions file will do that now?Thanks again,Jake

  20. 10 years, 29 days ago Magus
    Hi, I Work Here

    Hi Jake

    That is correct, the only thing in your CSS should be your child-theme declarations and any custom CSS you may want to add to it to replace changes you made in the original theme style.css.

    Magus

  21. 10 years, 26 days ago Jake Sharp

    Hi again Magus,I've finished the child. Thanks for the help on that! What are you thinking IRT my crazy android flying menu problem? Any Ideas? I know you mentioned a js error in HUGE-IT portfolio plugin.Thanks again,Jake

  22. 10 years, 26 days ago Magus
    Hi, I Work Here

    Hi Jake

    Your site is still displaying as having no child-theme. Can you confirm that you have activated the child. If so please post the content of your child theme style.css file.

    Thanks

    Magus

  23. 10 years, 25 days ago Jake Sharp

    Hi Magus,You're right I didn't activate it and when I did it's still not pulling. I started adding the elements you gave me into the child theme and must have screwed up royally because my site is totally unresponsive right now! profoundstudio.netIf you remember I gave you my hosting login earlier. Could you check in to this?!Thanks,Jake

  24. 10 years, 25 days ago Magus
    Hi, I Work Here

    Hi Jake

    I don’t recall getting any hosting details from you. Was it perhaps from a different thread?
    If not then could you please repost them here in a private reply

    Thanks

    Magus

  25. 10 years, 25 days ago Jake Sharp

    Oh maybe so how do I reply privately? I'm on (sadly still) yahoo mail

  26. 10 years, 25 days ago Private Message - Jake Sharp

    This is a private message.

  27. 10 years, 25 days ago Magus
    Hi, I Work Here

    Hi Jake

    To reply privately you can click the Private Reply option at the bottom of the comment box on the Support site or if you want to use email you can send the details to [email protected]

    Magus

  28. 10 years, 25 days ago Jake Sharp

    ok there you goBluehost has brought it back up by disabling child and activating parent. The only problem I see now is the 3 icons on the front page won't display the image inside (bullhorn/camera/book)

  29. 10 years, 25 days ago Magus
    Hi, I Work Here

    Hi Jake

    The images are appearing correctly for me. I have tried logging in with the above details to check your child-theme but the login is refused as incorrect.

    Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:

    [email protected]

    Just navigate to Users > Add New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the “Send Password” field so we receive the details.

    Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.

    Thanks

    Magus

  30. 10 years, 25 days ago Jake Sharp

    Hi again magus,Yes the icons are correct now. I'll setup a temp admin tonight.
    Thanks for all your help to a complete noob!Jake

  31. 10 years, 25 days ago Private Message - Jake Sharp

    This is a private message.

  32. 10 years, 24 days ago Magus
    Hi, I Work Here

    Hi Jake

    I have fixed your child theme and activated it, and replaced the version of Vantage Premium with a clean copy.

    The issue with the menu is being caused by the Bookly Plugin which is intercepting the jQuery for the Mobile Menu. It seems to be part of a function to resize images but I cannot be certain. When this adjustment is then passed through the jQuery to move the menu panel across the page the same function is then used by the menu effectively doubling the movement.

    With this plugin disabled the menu works correctly.

    To bypass this issue I have disabled the theme responsive menu and installed a responsive menu plugin which has separate js for the animation.

    Let us know what you think

    Magus

  33. 10 years, 23 days ago Jake Sharp

    Hi Magus,THANK YOU! It looks better than the typical menu and works perfectly. Great customer service from you guys. Will the menu survive theme updates?Thanks again,Jake

  34. 10 years, 23 days ago Jake Sharp

    Hi again Magus,Thanks once more for the help with the mobile menu. I wonder if there's anything you can do for my Buddypress groups being all jumbled up on mobile (android AND iphone this time). I just hit them up but they punted it over to you guys! This is the last problem of this type to figure out before launching this sucker!
    http://www.profoundstudio.net/bp-user-groups/rb-production-group/

    Thanks again!Jake

  35. 10 years, 23 days ago Magus
    Hi, I Work Here

    Hi Jake

    Yes the menu will survive theme updates. What seems to be the problem with the groups?. I have had a look and the buddy press items when logged into a group are not responsive for small screens. The items have no media queries attached so when the screen size is reduced the display gets screwed.

    eg. the group admin section is fixed at 20% of the overall screen width so on an iPhone this would be 10px wide.

    Please try adding this to your custom CSS at Appearance->Custom CSS

    @media screen and (max-width 640px) {
    #buddypress div#item-header div#item-actions {
      width: 40% !important;
    }
    #buddypress form#whats-new-form p.activity-greeting {
      line-height: 1em !important;
    }
    }
    

    Magus

  36. 10 years, 22 days ago Private Message - Jake Sharp

    This is a private message.

  37. 10 years, 22 days ago Magus
    Hi, I Work Here

    Hi Jake

    Apologies, there should be a colon in the media query please replace with this

    @media screen and (max-width: 640px) {
    #buddypress div#item-header div#item-actions {
      width: 40% !important;
    }
    #buddypress form#whats-new-form p.activity-greeting {
      line-height: 1em !important;
    }
    }
    
  38. 10 years, 22 days ago Jake Sharp

    That's it!!! You are the man! Thanks again for all your help Magus. I already rated the theme on WP as well as your service.

  39. 10 years, 22 days ago Magus
    Hi, I Work Here

    Hi Jake

    Many thanks for that. If you need any more help please don’t hesitate to open a new thread.

    Magus

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More