Home Forums WoodMart support forum Mobile categories menu does not show up on mobile bottom nav bar

Mobile categories menu does not show up on mobile bottom nav bar

Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • #598331

    phianhtao
    Participant

    I added the mobile categories menu in theme settings but it did not show up on mobile UI

    Attachments:
    You must be logged in to view attached files.
    #598350

    Luke Nielsen
    Keymaster

    Hello,

    Is there any chance that you could give me access to the dashboard area so I can have a look at the settings on your website, please?

    Kind Regards

    #598467

    phianhtao
    Participant

    Please view the private content

    #598560

    Luke Nielsen
    Keymaster

    Hello,

    You need to contact your hosting provider and ask to increase max_input_vars parameter to 10000, then clear the cache and check how it works.

    https://take.ms/sgJGP

    Kind Regards

    #598585

    phianhtao
    Participant

    Already increased max_input_vars parameter to 10000, but still do not work

    #598640

    Luke Nielsen
    Keymaster

    Hello,

    In the layout, you need to show the Product categories element with the style as a hidden sidebar, then that button will be shown – https://take.ms/q8aSF

    https://take.ms/tTCsX

    https://take.ms/C11n6

    Kind Regards

    #598784

    phianhtao
    Participant

    Where can I find this to edit?

    #598790

    Luke Nielsen
    Keymaster

    Hello,

    You are using layouts for the Shop page, therefore navigate to Dashboard -> Layouts -> Product archive and edit layout that is related to the Shop page.

    Kind Regards

    #598797

    phianhtao
    Participant

    I need it to look like the attached images. Still showing the grid layout for product categories and the mobile menu should have 2 tabs like the image. Same as the demo template: https://woodmart.xtemos.com/vegetables/shop

    Attachments:
    You must be logged in to view attached files.
    #598934

    Luke Nielsen
    Keymaster

    Hello,

    1. Clarify, do you want to hide the categories grid? https://take.ms/fk4TC

    2. Enable the Categories menu for the mobile so as a result there will be 2 tabs – https://take.ms/nVD4c

    Kind Regards

    #599025

    phianhtao
    Participant

    1. No I do not want to hide the categories grid
    2. Where can I find that?

    #599211

    Luke Nielsen
    Keymaster

    Hello,

    Navigate to WoodMart -> Header builder -> Mobile -> Mobile menu -> Show categories menu.

    https://take.ms/dPslT

    Kind Regards

    #599506

    phianhtao
    Participant

    Hi,

    To clarify, this is the end result that I want:

    1. I still want to show the categories grid
    2. I don’t want to show the mobile menu on the mobile header
    3. I want to show the mobile menu ONLY on the mobile nav bottom bar and with 2 tabs

    #599575

    Artem Temos
    Keymaster

    Hello,

    In this case, you need to select Mobile menu element for the mobile navbar in Theme Settings. Here is a screenshot https://gyazo.com/341d3abe908a9d6f108a09a98bfe904b

    Kind Regards

    #599619

    phianhtao
    Participant

    Maybe a misunderstanding. The end result should be:

    1. I still want to show the categories grid in shop page
    2. I don’t want to show the mobile menu/ mobile categories on the mobile header
    3. I want to show the mobile categories menu with 2 tabs (mobile menu + mobile categories) ONLY on the mobile nav bottom bar

    #599630

    Artem Temos
    Keymaster

    Yes, we understand and provided you with instructions. Follow our previous reply and reply #598934
    If you did everything per instructions, please send us screenshots so we can verify that.

    #599666

    phianhtao
    Participant

    Please see attached, I followed the instructions and it is only showing the normal mobile menu. Again, I need to show: the menu with 2 tabs: mobile menu + mobile categories on the mobile nav bottom bar as with the demo https://woodmart.xtemos.com/vegetables/ (not showing on mobile header)

    Attachments:
    You must be logged in to view attached files.
    #599687

    Artem Temos
    Keymaster

    You didn’t enable the second menu tab as we wrote here https://xtemos.com/forums/topic/mobile-categories-menu-does-not-show-up-on-mobile-bottom-nav-bar/#post-599211
    Please enable and send us a screenshot so we can verify.

    #599731

    phianhtao
    Participant

    Doing as you instructed means I have to show the mobile menu on the mobile header. What I’m trying to achieve is not to show the mobile menu in the mobile header, but still can enable the second menu tab on the mobile bottom nav bar.

    #599732

    Artem Temos
    Keymaster

    It is not possible, unfortunately. But you can simply hide it with custom CSS from the header. Here is code snippet

    .wd-header-mobile-nav { display: none; }

    #599735

    phianhtao
    Participant

    I tried doing that, but it also hides from the mobile bottom nav bar. Please see attached

    Attachments:
    You must be logged in to view attached files.
    #599737

    Artem Temos
    Keymaster

    Try to replace it with the following

    .whb-column .wd-header-mobile-nav { display: none; }

    #599740

    phianhtao
    Participant

    It finally works! Thanks a lot!

    #599742

    Artem Temos
    Keymaster

    Great, You are welcome! Feel free to contact us if you have any further questions.

Viewing 24 posts - 1 through 24 (of 24 total)