Mobile menu lagging - by MJ - on WordPress WooCommerce support

This topic has 10 replies, 2 voices, and was last updated 3 years, 10 months ago ago by Olga Barlow

  • Avatar: MJ
    MJ
    Participant
    July 15, 2021 at 09:39

    Hi
    the mobile menu (one page mode) is lagging when loading the screen.
    1. can we remove the transition effect?
    2. can we change the transition from top to bottom?
    3. can we make the full screen mode to starts below the header by some CSS?
    Thanks

    Please, contact administrator
    for this information.
    9 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    July 15, 2021 at 17:29

    Hello,

    the mobile menu (one page mode) is lagging when loading the screen.

    Do you mean that you enabled One-page menu option? Use this only if your menu is one-page menu https://www.8theme.com/documentation/xstore/menu-set-up/one-page-menu/

    Could you please provide video using Gyazo gif tool what effect do you want to change?

    Regards

    Avatar: MJ
    MJ
    Participant
    July 16, 2021 at 04:21

    Hi
    what I meant was when clicking on mobile menu (full screen menu ) not whole site.
    when try to open the mobile menu in full screen, there is this rough transition that also feels in your demo websites like https://xstore.8theme.com/demos/medical
    i want an smooth transition from top to down like what can be seen in Apple.com mobile menu.
    appreciate if you can refer me to JS, CSS, PHP files containing these codes. My guess is the issue with JS file and if we change some coding the issue will resolve.

    and FYI, I did update the theme and my mobile menu is not working anymore when clicked.

    thanks

    Avatar: MJ
    MJ
    Participant
    July 19, 2021 at 06:24

    Hi,
    add to my last question do you have any guide for AMP version? how to edit it. how to disable it?
    for example the mobile menu has a round background in white and is not matching with my black background. can you give me a CSS for that?

    Avatar: MJ
    MJ
    Participant
    July 20, 2021 at 02:24

    Hello, not sure why no one attending to my ticket. is it possible to help me with my questions in last 2 posts?

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    July 20, 2021 at 15:37

    Hello,

    Take our apologies for the delay in answering. We released 8.0 theme update and have a lot of requests these days.

    i want an smooth transition from top to down like what can be seen in Apple.com mobile menu.
    appreciate if you can refer me to JS, CSS, PHP files containing these codes. My guess is the issue with JS file and if we change some coding the issue will resolve.

    It’s possible by additional customization only. You can submit customization request here because additional customization is outside the scope of our support https://themeforest.net/page/item_support_policy .

    do you have any guide for AMP version? how to edit it. how to disable it?

    We are working on plugin documentation and will release it soon. To enable it you need to install plugin, activate and go to XStore > AMP to manage sections you want to display there. To disable it just disable plugin.

    for example the mobile menu has a round background in white and is not matching with my black background. can you give me a CSS for that?

    Add the below code to XStore > AMP Xstore > Custom CSS

    .h-mob-menu {
        background: #333333;
    }

    Regards

    Avatar: MJ
    MJ
    Participant
    July 21, 2021 at 00:59

    Thanks for the reply.
    the mobile menu in full screen has a lagging. i dont think this is a customization request. i did check with your own templates and the problem is there as well. what i am asking is to refer me to the main files (in theme folder) for me to change the coding by myself until you improve that part in your updates.
    thanks in advance!

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    July 21, 2021 at 12:28

    Hello,

    Are you talking about the animation of the content inside the menu block (logo, search, menu links)? You can change animation using custom CSS below

    .mobile-menu-popup .et-popup-content {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
    }

    Choose the animation type that suits your needs most of all.

    Regards

    Avatar: MJ
    MJ
    Participant
    July 21, 2021 at 13:59

    That’s what I was looking for. Thanks

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    July 21, 2021 at 18:39

    Hello,

    Great. You are welcome.

    Regards

  • Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Mobile menu lagging’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.