Okay
  Public Ticket #2713168
Mobile Nav Menu
Closed

Comments

  • alldayboutique started the conversation

    I am having issues with the mobile nav menu:

    1. The Hamburger Menu dropdown is not full width, but only the width of the column.

    2. When clicking the search button on mobile, the popup for search opens but can not be closed again. when clicking the x in the search window, the search window doesn't close.

  •  867
    Neuron replied

    Hi,

    1) That's happening because the width of the mobile dropdown menu will get 100% of the column that the menu is placed, so try to set the column width to 100% at the column where you have placed the nav-menu.

    2) Can you please add the following code at Appearance > Customize > Additional CSS.

    .m-site-search__close-icon {
        z-index: 1 !important;
    }

    Feel free to ask for anything you need.

    Kind Regards


  • alldayboutique replied

    Regarding the Mobile Dropdown Menu:

    The dropdown should be FULL WIDTH (I have selected full width in the settings) EVEN if the column isn't 100%! I need full width for the drop down menu on mobile!

    I have also seen that this is possible in your live preview pages of your theme. (https://preview.themeforest.net/item/amartha-modern-elementor-woocommerce-theme/full_screen_preview/23312834?_ga=2.148356286.887659275.1618130187-1194543773.1612046007)

    Thanks.

  •   alldayboutique replied privately
  •  867
    Neuron replied

    Hi,

    I am very sorry for the late reply, we were not working on the weekend.

    That's happening because the menu will get 100% of the column where it's being displayed, so please try to increase the column width.

    -  https://prnt.sc/11ae2gb

    I would suggest you increase the menu column width, and put the other three columns on the row below.

    https://prnt.sc/11ae49b

    Feel free to ask for anything you need.

    Kind Regards


  • alldayboutique replied

    Thanks for your reply.

    I dont understand why the drop down will only get the width of the column where its placed.

    How did you achieve this in your example: (https://preview.themeforest.net/item/amartha-modern-elementor-woocommerce-theme/full_screen_preview/23312834?_ga=2.148356286.887659275.1618130187-1194543773.1612046007)

    Also I have tried out the Elementor Pro Nav Menu on mobile and there it does play in full width even though the column where its placed is not full width.

    Could you please explain how you managed in your example? Maybe addtional css can be added to make drop down full width?

  •  867
    Neuron replied

    Please make sure that you're running the latest version of the Amartha theme.

    Amartha Theme Version 1.1.8

    You can update the theme directly on your dashboard, via the plugin below: 

    https://envato.com/market-plugin/

    It seems that the menu is missing the calculation, so please make sure that you have the latest version of the theme.

    Feel free to ask for anything you need.

    Kind Regards


  • alldayboutique replied

    We are running the latest version of the Armatha theme - this must be a bug?

  • alldayboutique replied

    Still waiting for a solution please!

  •  867
    Neuron replied

    Hi,

    I'm truly sorry for the late reply.

    I've customized some code of the theme, a calculation was missing, so now everything is alright, this will also be included in the upcoming update.

    Feel free to ask for anything you need.

    Kind Regards


  • alldayboutique replied

    Hi,

    unfortunetly it is still not full width.

    Attached screenshot of mobile menu not showing full width.


  •  867
    Neuron replied

    Hi,

    Please try to clear the cache of your browser because we've already fixed it.

    - https://prnt.sc/11jf4oi

    Feel free to ask for anything you need.

    Kind Regards


  • alldayboutique replied

    Thank You! Had to delete cache on mobile!

    Solved.

  •  867
    Neuron replied

    You are welcome anytime, feel free to ask for anything you need

    If you like our theme, please leave us a rate of 5 stars at ThemeForest, that would help us a lot.

    Kind Regards,
    NeuronThemes