[Resolved] Off-Canvas Menu (for Mobile)

Home Forums Support [Resolved] Off-Canvas Menu (for Mobile)

Home Forums Support Off-Canvas Menu (for Mobile)

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1621044
    Juned

    Hi,

    I want display following at the Off-Canvas Menu for Mobile:

    * All 04 Product Categories
    * Their Sub-Categories as drop down
    * Our logo at Top-Center.
    * Login icon
    * Rewards icon

    I tried to create the new menu but I was not able to find Categories & Sub-Categories there. It was only showing ‘uncategorized’.

    Please help me for above menu creation.

    #1621601
    Leo
    Staff
    Customer Support

    Hi there,

    Can you link me to the page that’s using GeneratePress?

    Do you have a mock-up of what you are trying to create?

    but I was not able to find Categories & Sub-Categories there. It was only showing ‘uncategorized’.

    Not sure if I fully understand but the menu builder is handled by WordPress completely so the theme as no control over what’s displaying or not.

    #1621856
    Juned

    My staging sites link is mentioned below.

    #1622220
    Juned

    Big Thanks to GP.

    I figure out the issue. Actually now I have learnt the process, accidentally, which earlier I was not aware.

    Dashboard — Appearance — Menus — then at top right there’s an option Screen Options. From there I enabled the option to display Product Categories.

    So far I am amazed with Team GP except Leo. A big salute to Tom, David and Elvin. Everything is awesome at GP.

    GP has sorted my biggest challenges which I was struggling since last 08 months: Site Speed and minor customisation. (I must mention about Brian, Perfmatters also, who has helped me achieving this).

    Now I am really having piece of mind because of the kind of support offered by GP.

    Now, kindly help me with:

    1. I want to shift my logo at Top center at my Off-Canvas Menu. So logo will be at 1st then menu will appear.

    2. I want to have rounded corners of search bar below the above menu.

    Thanks in advance.

    #1622538
    David
    Staff
    Customer Support

    Hi there,

    1. You won’t be able to move the Logo image widget above the menu. Instead use a Block Element: Hook: inside_slideout_navigation to add your image.

    2. Try this CSS:

    .slideout-widget.widget_product_search {
      width: 100%;
      margin: 0;
      padding: 20px;
    }
    .slideout-widget.widget_product_search input {
      border-radius: 25px;
    }
    #1622669
    Juned

    (one more awesome learning for me today: Hook Element)

    I Salute.

    🙂

    #1623394
    David
    Staff
    Customer Support
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.