Home › Forums › WoodMart support forum › Customise secondary mobile menu "CATEGORIES".

Customise secondary mobile menu "CATEGORIES".

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • March 31, 2021 at 1:31 pm #277932

    Nidzos
    Participant

    Hi,

    Could you please explain how to customise the secondary mobile menu “CATEGORIES”. Please sea screenshot attached.

    Best regards,
    Nikola.

    Attachments:
    You must be logged in to view attached files.
    March 31, 2021 at 9:06 pm #278016

    Elise Noromit
    Member

    Hello,

    You can customize with custom CSS.

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .menu-mobile-categories-container .site-mobile-menu li a {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    min-height: 50px;
    border-bottom: 1px solid rgba(129,129,129,.2);
    color:red;
    text-transform: uppercase;
    letter-spacing: .2px;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.3;
}

    Change the styles as per your needs and remove the lines you do not change.

    Best Regards

    April 1, 2021 at 7:19 am #278128

    Nidzos
    Participant

    Hi Aizaz,

    Thanks for your help. Can you please advice how to edit the links in secondary mobile menu “CATEGORIES”?

    Best regards,
    Nikola.

    Attachments:
    You must be logged in to view attached files.
    April 1, 2021 at 2:42 pm #278256

    Elise Noromit
    Member

    Hello,

    Do you mean a second-level menu? Please provide your site URL.

    Best Regards

    April 2, 2021 at 2:38 pm #278477

    Nidzos
    Participant

    Hi Elise,

    I mean the red marked mobile menu which I have attached in my previous message. I would like to edit it the same way as we edit the main menu in WP Appearance/Menus settings. I just can’t figure out how to do it. Please note that I’m using the “Organic” version and I have only user experience, no code writing. The website is currently in maintenance mode.

    Kind regards,
    Nikola.

    April 2, 2021 at 8:28 pm #278510

    Elise Noromit
    Member

    Hello,

    I have provided the code, you can change the view: font-size, color with this code.

    If you want to be edited: remove/add items in the menu, please find this menu in Appearance > Menu: https://xtemos.com/docs/woodmart/adding-menu-site/

    If you have any questions please feel free to contact us.

    Best Regards

    April 3, 2021 at 11:20 am #278608

    Nidzos
    Participant

    Hi Elise,

    Thanks for your message! But I meant how to change the menu structure. The link you sent me only explains how to activate and organise the mobile secondary menu but, it doesn’t show how to change the red marked menu links as I sent you in my screenshot. Perhaps we are not understanding each other. I just want to know how to edit the menu structure the same way as we are doing it in WordPress settings “Appearance/Menus”.

    Kind regards,
    Nikola.

    April 3, 2021 at 7:24 pm #278679

    Elise Noromit
    Member

    Hello,

    1. You create the category menu in Appearance > Category as any menu in WordPress, you add Product categories there or you add custom links and give the title and URL as per your needs.

    2. Switch to the mobile view of the header, enter the Mobile Category menu, and choose the menu you want. https://gyazo.com/49dfd5ddec09467f8d0df022fb94f32e

    As I told you you edit the menu in Appearance > Menu. You can find all the option provided here: https://codex.wordpress.org/WordPress_Menu_User_Guide

    If you have any questions please feel free to contact us.

    Best Regards

    April 16, 2021 at 1:53 pm #283606

    Nidzos
    Participant

    Hi ELise,

    Thank you very much for your message.

    I’ve created a menu for the secondary mobile menu and set it in Header settings/Mobile layout but, the selected secondary mobile menu does not appear. Can you please advice how to fix it? Please find the WP admin access in private content (please keep it safe, thanks).

    Kind regards,
    Nikola.

    Attachments:
    You must be logged in to view attached files.
    April 16, 2021 at 8:33 pm #283692

    Elise Noromit
    Member

    Hello,

    Please deactivate all the plugins not related to the theme and switch the parent theme, check the issue, If the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.

    Best Regards

    April 17, 2021 at 5:49 pm #283931

    Nidzos
    Participant

    Hi,

    I’ve tried deactivating all non related plugins to the theme and the problem still persists. The curious thing is that if you click on a product ( for example: https://prirodnaapoteka.rs/product/conturin-2 ) the secondary mobile menu works properly but, in the home page it’s not showing as set in mobile header options. What is the issue and how can we fix this? Thanks.

    Kind regards,
    Nikola.

    Attachments:
    You must be logged in to view attached files.
    April 18, 2021 at 6:42 pm #284094

    Elise Noromit
    Member

    Hello,

    You can set the different headers for a page, for all product pages, shop, blog etc. https://xtemos.com/docs/woodmart/header-builder/set-different-header-specific-page/

    Your home page has an Organic Overlap header: https://gyazo.com/0a2cac015dd93b03779da7958f2c1bdf

    I am checking Organic Overlap header Mobile menu settings https://prnt.sc/11nkmkw You have set the Main menu to show in the Categories in the Mobile menu settings. https://prnt.sc/11nksbk

    Product pages have the default header, and when I check the mobile view and Mobile menu settings I see this menu for Categories: https://prnt.sc/11nkitb

    Check these two headers mobile view and Mobile element settings.

    If you have any questions please feel free to contact us.

    Best Regards

    April 20, 2021 at 2:38 pm #284720

    Nidzos
    Participant

    Hi Elise,

    Thank you very much for your help! Now it’s fixed. 🙂

    Kind regards,
    Nikola.

    April 20, 2021 at 10:06 pm #284810

    Elise Noromit
    Member

    We are always happy to help you, write to us when you have any difficulties or issues with our theme.

    We would be grateful for 5 stars rate on http://themeforest.net/downloads in case you are satisfied with our theme and customer service

    Thank you in advance

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)

The topic ‘Customise secondary mobile menu "CATEGORIES".’ is closed to new replies.