Topic: Site header navigation sub menu issue

Ned
May 22, 2026 at 12:15 pm

Hi there,

I created site header and navigation blocks first time.
I used old menu. But sub items are not openning on the right side like before.
It is just openning in the main menu column.
Ying
May 22, 2026 at 1:07 pm

Hi there,

I’m not sure what you mean, do you want something like this?
https://app.screencast.com/s60TBSL0qiAtO
Ned
May 22, 2026 at 9:30 pm

Hi thanks for reply.
clikc bütün ürünler > laptop then you will see another 6 lines as sub menu. It was opening in the right side before. Now opening in the same main column.

It should be like original menu in my other websites, which I didn’t apply for site-header block yet.
I added more images
George
May 23, 2026 at 2:45 pm
Hi Ned,

The nested sub-menus are inheriting left: 0 from the base styles, which places them at the same position as the first level instead of flying out to the right. Add this to Appearance → Customize → Additional CSS:
```
.gb-menu--base .gb-sub-menu .gb-sub-menu {
    left: 100% !important;
    top: 0 !important;
}
```
That should give you the flyout behaviour you’re after.
Ned
May 24, 2026 at 2:47 am

Hi George,
Thanks, I will try. But can I add these css via block settings in navigation block?
George
May 24, 2026 at 6:26 am

Hi,

Please, use this guide.

https://docs.generatepress.com/article/adding-css/

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