Site logo

Archived topic

Off-Canvas Menu (for Mobile)

6 replies · Started by Juned on January 16, 2021

Viewing posts 1–7 of 7

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.

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.

My staging sites link is mentioned below.

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.

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;
}

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

I Salute.

:)

Glad to be of help

This archived topic is closed to new replies.